Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 10, 2019 at 12:56 pm #1076987
    restube

    Hey there,

    I´ve set my header to 50px. On desktop the header appears with a height of 50px.
    However, on mobile and tablet the header appears at 82px on mobile and 92px on tablet.
    Why is that and how can I change it to 50px?

    Cheers
    Restube

    March 12, 2019 at 9:09 pm #1077974
    Victoria

    Hey restube,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 990px) {
    #top #header_main > .container, 
    #top #header_main > .container .main_menu .av-main-nav > li > a,
     #top #header_main #menu-item-shop .cart_dropdown_link {
        height: 50px !important;
        line-height: 50px !important;
    }
    .responsive .logo a {
        vertical-align: top;
    }
    .responsive .logo a img {
        height: 50px !important;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 14, 2019 at 10:31 am #1078629
    restube

    Perfect, thanks so much!

    March 16, 2019 at 6:58 am #1079363
    Rikard

    Hi,

    Great, I’m glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.