Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 1, 2014 at 12:08 am #230866
    mestech

    Hello, I am using the header with bottom navigation and the logo is too small so I entered the code that was on the FAQ on Envato (Is there a way to make the header taller and fixed in height?) and made the height 150 which works for the logo but it stretches the bottom navigation, making it taller. How can I keep the bottom navigation the same and keep the area with the logo at 150?

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

html.fixed_header #main {
padding-top: 120px;
}

    Screenshot image of problem:
    http://i.imgur.com/ge1OFTu.jpg

    I searched for this problem on here but didn’t find anything that worked. Thanks for the help.

    • This topic was modified 11 years ago by mestech.
    March 1, 2014 at 12:36 am #230880
    Josue

    Hi!

    Try the following:

    #header_main .container {
height: 150px  !important;
line-height: 120px  !important;
}

html.fixed_header #main {
padding-top: 120px;
}

    Best regards,
    Josue

    March 1, 2014 at 12:40 am #230883
    mestech

    That worked. Thank you!

    March 1, 2014 at 12:45 am #230886
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header Issue with Logo and Bottom Menu’ is closed to new replies.