Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 13, 2014 at 10:27 pm #237232
    kimchan2

    Hi there. I would like to increase the padding top and bottom for the logo. Could you shoot me some quick css that would make this happen. Essentially the logo is to close to the top bar.

    March 14, 2014 at 1:18 am #237303
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    March 14, 2014 at 1:30 am #237315
    kimchan2
    This reply has been marked as private.
    March 14, 2014 at 7:07 am #237407
    Ismael

    Hi!

    You can use this:

    #header_main {
padding-top: 20px;
}

#header_main .container, .main_menu ul:first-child > li a {
height: 108px;
line-height: 108px;
}

    Cheers!
    Ismael

    March 21, 2014 at 4:40 pm #241242
    kimchan2

    Thanks so much Ismael! Is there an easy way to also increase the bottom padding without moving the menu active line indicator?

    March 21, 2014 at 4:43 pm #241244
    Yigit

    Hi!

    Please add following code to Quick CSS and adjust as needed

    .html_header_top.html_header_sticky.html_large #header_main .container, .html_header_top.html_header_sticky.html_large.html_main_nav_header .main_menu ul:first-child > li a {
height: 126px;
line-height: 116px;
}

    Depending on the height, you should adjust the following code as well

    .html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
padding-top: 166px;
}

    Cheers!
    Yigit

    March 21, 2014 at 4:48 pm #241246
    kimchan2

    Excellent, thanks again for such wonderful support. Would this css be in addition to

    #header_main {
    padding-top: 20px;
    }

    #header_main .container, .main_menu ul:first-child > li a {
    height: 108px;
    line-height: 108px;
    }
    OR
    would I remove the above and just use the.html etc.?

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Logo padding in 2.6.1’ is closed to new replies.