This topic contains 12 reply and 2 voices, and was last updated by towhid 4 years, 4 months ago
Viewing 12 Posts - 1 through 12 (of 12 total)
Author Posts
May 21, 2015 at 5:05 am 44726
towhid I am using the Dokan theme and have questions regarding the header area. 1. Search Bar On your demo page (http://demo.wedevs.com/dokan/?preview) you have a nice short search bar. I would like the exact same. Can you tell me how to get that please? 2. Logo I have a long stretched logo. It does not fit into the field that you have defined for logos and I need more space / length. Can you tell me what to change in the code please? Many thanks.
May 21, 2015 at 12:38 pm 44763
towhid towhid

Hello Kerstin,

Here is your reply.

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

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

May 22, 2015 at 12:10 am 44857
Kerstin Kerstin

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

May 23, 2015 at 1:30 pm 44934
towhid towhid

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 🙂

May 27, 2015 at 9:41 pm 45380
Kerstin Kerstin

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

May 28, 2015 at 1:41 pm 45436
towhid towhid

Hello Kerstin,

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

Thanks

May 28, 2015 at 10:09 pm 45550
Kerstin Kerstin This reply has been marked as private.
May 30, 2015 at 2:49 pm 45661
towhid towhid

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

June 14, 2015 at 10:46 pm 52061
Kerstin Kerstin

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

June 15, 2015 at 10:44 am 52074
towhid towhid

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

June 16, 2015 at 2:44 am 52131
Kerstin Kerstin

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!

June 16, 2015 at 2:48 am 52133
Kerstin Kerstin

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">

June 16, 2015 at 12:14 pm 52145
towhid towhid

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

Viewing 12 Posts - 1 through 12 (of 12 total)