Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 13, 2014 at 9:34 am #278526
    Makotoni

    Hey there, if I change my “Header Size” to a custom height of 45px in the “Header Layout” section of the Enfold control panel, it works great … however the header height jumps back up to the default height (80px) when shrinking down browser <768px (ie. mobile) … how could I keep it at 45px at all times? Thanks!

    • This topic was modified 11 years ago by Makotoni.
    June 14, 2014 at 8:48 pm #278962
    Makotoni

    Any CSS ideas? Can’t seem to get one that works.

    June 16, 2014 at 4:53 am #279225
    Ismael

    Hey!

    Thank you for using the the theme.

    Please add this on Quick CSS or custom.css:

    @media only screen and (max-width: 989px) {
.responsive .logo, .responsive .logo a, .responsive .logo a img {
position: static;
height: 45px !important;
float: none;
}

#advanced_menu_toggle, #advanced_menu_hide {
position: absolute;
height: 36px;
width: 36px;
line-height: 36px;
top: 60%;
margin-top: -23px;
font-size: 27px;
}
}

    Cheers!
    Ismael

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