Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 15, 2014 at 9:14 pm #305079
    ccarberg

    Hello,

    We noticed that on our website that when we use it on iPad, landscape, the logo gets covered by the menu items.

    Any reason why the menu items don’t shrink down to fit?

    August 16, 2014 at 5:38 am #305178
    Ismael

    Hey ccarberg!

    Thank you for visiting Kriesi’s support forum.

    Please go to Enfold > Header Layout > Mobile Menu panel. Look for the Header Mobile Menu activation setting, select the second option to activate the mobile menu earlier.

    Best regards,
    Ismael

    August 16, 2014 at 6:04 am #305184
    ccarberg
    This reply has been marked as private.
    August 16, 2014 at 7:32 am #305204
    Dude

    Hey!

    Please try this code – it will reduce the padding of the menu items for smaller screens:

    
@media only screen and (min-width : 768px) and (max-width : 1024px){
.av-main-nav>li>a {
padding: 0 8px;
}
}

    You can insert the css code into the quick css field or child theme style.css file.

    Best regards,
    Peter

    August 17, 2014 at 6:22 am #305394
    ccarberg
    This reply has been marked as private.
    August 18, 2014 at 6:05 am #305571
    Ismael

    Hey!

    Thank you for the info.

    I edited the Quick CSS field but it’s not affecting the site because of the cache plugin. Please disable the cache plugin then we’ll check it again.

    Regards,
    Ismael

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