Hello Kerstin,

Here is your reply.

1. Search Bar
Drag “Dokan Live Search” widget in “Header Sidebar”. I have attached an image below.

2. Logo

Increase height and width value for this attribute. The attributes are located in this style site-header h1.site-title a. And the style are located in theme/dokan/style.css file. This increase may extend the logo size.

Can you try and let me know the result, please.

Thanks

Thank you for your quick reply.

1. Search Bar.
I don’t have this widget – I don’t think it comes with Dokan

2.Logo
Changing the CSS where you suggested (site-header h1.site-title a) does nothing unfortunately.
There seems to be some sort of a box around it and I don’t know where to change that. It cuts off half my logo. Maybe a bootstrap setting? Or something in the header.php? Could you please have a look because I don’t know anything about code and I really need this website going.

Thanks, Kerstin

Please provide your login details by using this form: http://wedevs.com/provide-login-details/. I will have a look what is going wrong.

Thank you 🙂

Hi towhid!
Thanks for getting back. My website is now live with vendors adding products so I don’t want you to try out the code on the actual website – especially as I have already made a lot of other changes to the code that I want to keep.

My logo’s dimensions are: 346 × 60px. It does not fit and gets cut off.
Could you please try to display this logo using one of your own trial versions. If you figure out how to fit the logo in the header could you please publish the code here for others to see? I tried myself but I don’t know enough about coding.
Thank you!

Kerstin

Hello Kerstin,

Send me the logo. I will check in my local server. Also send me your site URL as well as.

Thanks

Hello Kerstin,

Try this following code in themes/dokan/style.css and let me know the result.

.site-header h1.site-title a {
  background: url("http://unique-equestrian-gifts.com/wp-content/uploads/2015/04/Unique-Equestrian-Gifts-green.png") no-repeat scroll 0px -10px rgba(0, 0, 0, 0) !important;
}

Thanks

Hi towhid!
Unfortunatley your code didn’t work. The logo is still cut off. There seems to be some sort of defining box around it.
I did some changes in the header php (in bold):

`<div class=”container”>
<div class=”row”>
<div class=”col-md-<strong>8</strong>col-sm-5″>
<hgroup> <header id=”masthead” class=”site-header” role=”banner”>

<h1 class=”site-title”><a href=”<?php echo home_url( ‘/’ ); ?>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?> <small> – <?php bloginfo( ‘description’ ); ?></small></a></h1>
</hgroup>
</div><!– .col-md-6 –>

<div class=”col-md-<strong>4</strong> col-sm-7 clearfix”>
<?php dynamic_sidebar( ‘sidebar-header’ ) ?>
</div>
</div><!– .row –>
</div><!– .container –>`

This show the logo but it still doesn’t look right on mobile phones. Have you any other ideas? I know nothing about code so would be great if you could help me out.

Thanks,
Kerstin

Hello Kerstin,

Plase mark the logo where it still cut off. What you want to do with the code which you had provided to me.

Thanks

Hi towhid,

If you use the logo on one of your test versions you will see that it cuts the logo off at the point where the demo ‘Dokan’ logo ends.

I would like you to look at this code and tell me if this might be a solution or if it is only going to break the website. Thanks!

Hi towhid,

If you use the logo on one of your test versions you will see that it cuts the logo off at the point where the demo ‘Dokan’ logo ends.

I would like you to look at this code and tell me if this might be a solution or if it is only going to break the website:

   <header id="masthead" class="site-header" role="banner">
            <div class="container">
                <div class="row">
                    <div class="col-md-8col-sm-5">
                        <hgroup>
                            <h1 class="site-title"><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?> <small> - <?php bloginfo( 'description' ); ?></small></a></h1>
                        </hgroup>
                    </div><!-- .col-md-6 -->

                    <div class="col-md-4 col-sm-7 clearfix">
                        <?php dynamic_sidebar( 'sidebar-header' ) ?>
                    </div>
                </div><!-- .row -->
            </div><!-- .container -->

I change the numbers here: <div class="col-md-8col-sm-5">
And here: <div class="col-md-4 col-sm-7 clearfix">

Hello Kerstin,

Please try the following style in themes/dokan/style.css and let me know the result.

.site-header h1.site-title a {
width: auto !important;;
}

Thanks