Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #922741

    I need to do this on 2 sites.I’ve tried the coding you supplied and nothing is working.

    #922783

    Hey web4698,

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

    @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;
      }
    }
    

    Change the value 1024 to the pixel value of your choice.

    Best regards,
    Rikard

    #923113

    Thank you that works!
    The issue that remains is the secondary menu in the top navigation doesn’t center in the laptop and tablet sizes.

    #923564

    Hi,

    Please try this as well:

    @media only screen and (max-width: 1024px) {
    #header_meta .sub-menu {
        display: table;
        margin: 0 auto;
        float: none !important;
    }
    }

    Best regards,
    Rikard

    #923597
    This reply has been marked as private.
    #923728

    Hi,

    Can you try adding this css code:

    @media only screen and (max-width: 1024px) {
      #top #header #header_meta .sub_menu, 
      #top #header #header_meta #avia2-menu, 
      #top #header #header_meta #avia2-menu li, 
      #top #header #header_meta .phone-info {
        float: none;
        width: 100%;
        clear: both;
        text-align: center;
      }
    }

    Hope it helps :)

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.