Shop Categories

X

Main menu height in Header V2 to match logo max-height

Home Forums Agama Pro Main menu height in Header V2 to match logo max-height

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #2248
    synova
    Participant

    Is there a way to set the height of the main menu to match the max height of the logo? I have the max-height of the header logo set to 100px, but the height of the main-menu seems to be limited to 85px, so now there is a 15px gap between the menu and the start of the page content. If I set the logo max-height to 85px, the main-menu lines up with the start of the page content. Thank you!

    #2250
    Jerry
    Keymaster

    You can try do it via Custom CSS by going to:

    Appearance -> Customize -> Styling -> Custom CSS

    If you need futher help just let me know.

    Regards

    #2251
    synova
    Participant

    Which style element would be the best one to override? There are quite a few… Thanks!

    #2252
    synova
    Participant

    Something sets the max for the menu height to 87px. I tried overriding some of the styles but then the stretch and shrink of the menu stops working for the menu height with vertical scrolling…

    • This reply was modified 6 years, 4 months ago by synova.
    #2255
    Jerry
    Keymaster

    What’s your website url ?

    You can set post as private reply if you wish.

    Regards

    #2257
    synova
    Participant
    This reply has been marked as private.
    #2272
    Jerry
    Keymaster

    Try adding next CSS code under Appearance -> Customize -> Styling -> Custom CSS:

    .site-header .sticky-header h1, 
    .site-header .sticky-header h1 a, 
    .sticky-nav > ul > li > a, 
    .sticky-nav > li > a { 
       line-height: 100px !important; 
    }

    Regards

    • This reply was modified 6 years, 4 months ago by Jerry.
    #2274
    synova
    Participant
    This reply has been marked as private.
    #2275
    Jerry
    Keymaster

    Add also next CSS code:

    .site-header .sticky-header.sticky-header-shrink h1, 
    .site-header .sticky-header.sticky-header-shrink h1 a, 
    .sticky-header-shrink .sticky-nav li a {
       max-height: 87px !important;
    }
    #2328
    synova
    Participant
    This reply has been marked as private.
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.