Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 19, 2016 at 2:00 pm #714346
    mleonhard

    Hi
    On my site https://hi-flyfoto.de the desktop menu on a tablet in landscape mode (for example ipad air 2, Samsung Galaxy S2)
    overlaps the logo on the left. I know the breakpoint for the mobile menu could be adjusted so it is also active in landscape mode.
    However, there would enough space for the desktop menu, if the items move a little closer together. Is that possible?

    thanks for your help
    Michael

    November 20, 2016 at 7:55 am #714415
    Rikard

    Hi Michael,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    November 20, 2016 at 1:56 pm #714494
    mleonhard

    Hi Rikard
    It makes no difference, I am afraid.
    Is there not a way to “protect” the logo area and adjust the width of the menu items so they still fit when the screen width is reduced?
    Kind Regards
    Michael

    November 21, 2016 at 4:27 am #714631
    Rikard

    Hi,

    Ok, thanks for the feedback. Please try the following instead:

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

    Best regards,
    Rikard

    November 21, 2016 at 11:05 am #714748
    mleonhard

    Cool, that works. Thank you very much Rikard!

    November 22, 2016 at 4:43 am #715088
    Rikard

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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