Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 9, 2024 at 10:03 am #1439565
    hegartpetersen

    On my clients website the menu “chrashes” with the logo when screen size is small.
    How can I fix this?

    April 9, 2024 at 12:41 pm #1439580
    Rikard

    Hey Andreas,

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

    @media only screen and (max-width: 1370px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    April 9, 2024 at 12:59 pm #1439582
    hegartpetersen

    Hi Rikard,
    That worked perfect on the menu.
    However when it now changes to tablet menu, the text doesnt use the font size defined for tablet (the white text dissapears into the white area).
    How do I fix this?

    April 9, 2024 at 4:42 pm #1439596
    Rikard

    Hi,

    Do you mean the section under the header? If so, then you can set a minimum height to it, or copy it and make necessary adjustments to the new section, then use the copy for mobile/tablet.

    Best regards,
    Rikard

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