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

    Whatever I try in changing the Quick CSS under webstyling according to the divers forum answers, it will not succeed on my website. When I make the screen manually smaller, the menu is overlapping the logo untill the hamburger icon finally appears.
    What is the right setting (in Quick CSS or elsewhere).
    Also I don’t have a Mobile Menu Tab under the Header setting as is mentioned somewhere on your site.

    Furthermore I like to change the icon in a icon with the text MENU incorporated. Now lots of people dont know that this icon presents a menu….




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

    My remarks: it works!
    Still I like to change the Hamburger Menu Icon….Where can I do that?

    • This reply was modified 3 years, 9 months ago by  ZorgSaam.


    The old hamburger menu icon is removed from the new version, I think you can use an image and use css to replace the 3 lines with an image of the hamburger menu icon. Hope this information helps.

    Best regards,


    Hi ZorgSaam

    Thanks for the css, it works perfectly!!

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

You must be logged in to reply to this topic.