Home Forums Theme Support Dokan Header Questions

This topic is: not resolved

This topic contains 12 replies, has 2 voices, and was last updated by  towhid 4 years ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #44726

    Kerstin
    Member
    Post count: 13

    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.

    #44763

    towhid
    Participant
    Post count: 4505

    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

    #44857

    Kerstin
    Member
    Post count: 13

    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

    #44934

    towhid
    Participant
    Post count: 4505

    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 🙂

    #45380

    Kerstin
    Member
    Post count: 13

    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

    #45436

    towhid
    Participant
    Post count: 4505

    Hello Kerstin,

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

    Thanks

    #45550

    Kerstin
    Member
    Post count: 13
    This reply has been marked as private.
    #45661

    towhid
    Participant
    Post count: 4505

    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

    #52061

    Kerstin
    Member
    Post count: 13

    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

    #52074

    towhid
    Participant
    Post count: 4505

    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

    #52131

    Kerstin
    Member
    Post count: 13

    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!

    #52133

    Kerstin
    Member
    Post count: 13

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

    #52145

    towhid
    Participant
    Post count: 4505

    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 13 posts - 1 through 13 (of 13 total)

The topic ‘Header Questions’ is closed to new replies.