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

    I have tried several css solutions given in other threads on this forum, but I cannot do this successfully. See site link attached. What styles should I add that change the top nav to the burger mobile menu right at the point where the menu is going to overlap the logo. Thanks in advance!


    Hey DynamicsOnline,

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

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

    Best regards,


    Great, thank you very much Rikard!



    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘invoke mobile header and menu at a different width’ is closed to new replies.