Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 18, 2018 at 3:13 pm #1034848
    FFAlan

    I’ve had comments from some users that they can’t find any menu when viewing my website on a mobile phone. The menu collapses to a three lines symbol (I assume this is what is meant by a burger) when the screen is small, but some people don’t recognise this as a menu -is there some way I can put the word ‘Menu’ underneath this symbol?

    November 18, 2018 at 4:59 pm #1034866
    Jordan Shannon

    Hey FFAlan,

    Sure. Add this to quick css:

    @media only screen and (max-width: 767px) { 
.responsive #top .av_mobile_menu_tablet .av-main-nav .av-burger-menu-main.menu-item-avia-special a:after {
    content: 'Menu';
    color: #fff;
    display: block;
    line-height: 10px;
    margin-top: -20px;
}}

    Best regards,
    Jordan Shannon

    November 18, 2018 at 6:42 pm #1034877
    FFAlan

    Thanks for the quick reply. That worked fine.

    November 18, 2018 at 7:24 pm #1034882
    Jordan Shannon

    Hi,

    I’m happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Changing burger/mobile menu icon’ is closed to new replies.