Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 16, 2017 at 12:38 pm #808947
    156aw45f

    Hi,
    I have a menu overlapping the logo on 1024 x 768 large tablet (landscape).
    I tried this:
    @media only screen and (max-width: 1119px) and (min-width: 990px) {
    .logo a {
    max-width: 35%;
    top: 10px;
    }}
    It works but when scrolling down on the page, the overlapping reappears. What would you suggest?
    Thanks,

    June 17, 2017 at 8:01 am #809219
    Rikard

    Hey 156aw45f,

    Please try the following in Quick CSS under Enfold->General Styling to activate the mobile menu for tablets:

    @media only screen and (max-width: 1024px) {
nav.main_menu {
  display:none !important;
}
#advanced_menu_toggle, #advanced_menu_hide {
  display:block !important;
}
}

    Best regards,
    Rikard

    June 21, 2017 at 9:08 am #810853
    156aw45f

    Thanks!

    June 21, 2017 at 11:23 am #810901
    Rikard

    Hi,

    Glad we could help. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu overlapping on logo on landscape tablets’ is closed to new replies.