New Landing How can we help? Themeforest Theme Support Dante Logo, Header | padding/margin

Viewing 14 posts - 1 through 14 (of 14 total)
  • Posted in: Dante
  • #186955
    heinetz
    Member
    Post count: 63

    hi,

    I got a logo-image of 177px X 77px and defined this values in theme-Options.

    Waht I want to do now is reduce the margin above and under the logo.

    But that doesn’t seem to be as easy, while I use sticky header because the header shrinks when I scroll the page down (I attached 2 screenshots).

    where in the css should I change the values?

    thanks,
    best,
    heinetz

     

     

     

     

     

    Attachments:
    You must be logged in to view attached files.
    #187011
    Nishant – SUPPORT
    Spectator
    Post count: 649

    Please provide your site URL.

    #187031
    heinetz
    Member
    Post count: 63
    #187037
    Nishant – SUPPORT
    Spectator
    Post count: 649

    So basically, you are trying to say, you want your logo to be in line with your navigation menu?

    #187106
    heinetz
    Member
    Post count: 63

    no, I want to reduce the space above and under the logo (screenshot of the layout attached).

    Attachments:
    You must be logged in to view attached files.
    #187118
    Nishant – SUPPORT
    Spectator
    Post count: 649

    I cannot see your logo. Can you check? The link which you provided, I cannot see the logo.

    #187128
    heinetz
    Member
    Post count: 63

    sry, has been linked to my local machine 😉

     

    here you see it

    http://themarketingpeople.de.w0133791.kasserver.com/wordpress/?page_id=27

     

    #187145
    Nishant – SUPPORT
    Spectator
    Post count: 649

    Add this custom CSS code to your theme options Custom CSS box, you can play with the values to adjust the spacing according to your requirement.

    div#undefined-sticky-wrapper {
        height: 100px !important;
    }
    
    #header .header-container {
        padding-top: 10px;
    }
    
    #header .header-container .row {
        height: 90px;
    }
    #187341
    heinetz
    Member
    Post count: 63

    Thank you, the CSS works as solution for my problem … but causes another task ;(

    I have to vertical adjust the main-navigation. I tried some things in the CSS but the problem is that the navigation moves up or down when I scull the page.

    In my last screenshot of the psd-layout you see, the text of the navi is aligned with the text of the second line in the logo.

    Now I attach 2 more screenshots. One is before and one its after scrolling the page. I gave ul.menu a border:1px solid with firebug to visualize what happens.

    The only solution I can imagine is to prevent the moving of the navi, but I got no idea how to do that.

    best,
    heinetz

     

     

     

     

     

    Attachments:
    You must be logged in to view attached files.
    #187363
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use  this custom css code:-
    .sticky-header-resized  nav.mega-menu ul.menu{margin-top:20px !important}
    Thanks 🙂
    With Best Regards
    Mohammad

     

     

    #187571
    heinetz
    Member
    Post count: 63

    doesn’t work ;(

    #187784
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,

    Please use this custom css code:-

    #header .header-container{padding-top:0px !important;}

    #header .header-container .row{height:76px !important;}

    Thanks 🙂
    With Best Regards
    Mohammad

    #187802
    heinetz
    Member
    Post count: 63

    got it. thanks!

    #187828
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,

    You most welcome.

    Thanks

    Mohammad

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register