Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #896200

    Hi, I work since some years with Enfold and have sometimes the following issue on smaller screens: When I have a main menu with quite many characters, they don’t fit in the line (screenshot 1+2). Unfortunately, the mobile-mode is enabling very late (I think with about 900px or something). So my question: is it possible do define the constraints for switching for smaller screen in the enfold-settings? e.g. to switch with 1000px in mobile-mode? Or do I have to change them directly in CSS? And where can I set the colours for the marked telephone-email in mobile-mode (screenshot 3)?

    Screenshots: https://1drv.ms/f/s!Ahd48nuYA2iUo4IT2Y4yLPT9-JpUBQ

    Thanks for your help!
    Patrick

    #896456

    Hi Patrick,

    You should be able to adjust that using the following in Quick CSS:

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

    Simply adjust the 1024 value to the pixel size of your choice.

    Best regards,
    Rikard

    #896914

    Hi Rikard,
    thx very much, works perfect.
    Patrick

    #897025

    Hi Patrick,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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