Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 11, 2018 at 6:01 pm #896200
    pd-design1

    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

    January 12, 2018 at 8:21 am #896456
    Rikard

    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

    January 13, 2018 at 7:11 pm #896914
    pd-design1

    Hi Rikard,
    thx very much, works perfect.
    Patrick

    January 14, 2018 at 5:42 am #897025
    Rikard

    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

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