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

    Hey. trying tofinud the easy solution… sorry to bother. I need to show the responsive header and hamburger menu earlier… on screen sizes around width of 850px and less. Is there an easy setting in theme options for this?

    #1082426

    Hey cece101,
    Sorry for the late reply, I was going to suggest this css to change the mobile brake point:

    @media only screen and (max-width: 850px) and (min-width: 768px) {
      .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
        display: none !important; 
      }
    
      .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
          display: block !important; 
      }
    }

    But I see that your mobile menu is already starting at 988px and smaller, so I assume you have already found the solution?

    Best regards,
    Mike

    #1082709
    This reply has been marked as private.
    #1082952

    Hi,
    I noticed it by testing the site with the Chrome development tools, and testing the different screen sizes. The mobile menu shows until 989px.
    This is the css that I see in the dev tools:

    @media only screen and (max-width: 989px) and (min-width: 768px)
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
        display: block;
    }

    It seems to be coming from your autoptimize plugin:
    /wp-content/cache/autoptimize/css/autoptimize_e4bda950b220ef938d9c06d7ba9962d5.css
    Try checking your Quick CSS or your theme’s custom.css

    Is the mobile brake not working for you?

    Best regards,
    Mike

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