Okay
  Public Ticket #301287
Mobile Menu icon not displaying links
Closed

Comments

  • Evan started the conversation

    I am using the built-in browser as well as Chrome to test our website on an Android device. The menu button (the "hamburger" icon with three horizontal lines) does not work correctly to bring up the menu links. When I touch the menu icon, nothing happens.

    Can you please look into this problem, and let me know how to get it to work properly?

    Thanks,
    -Evan

  •  8,839
    Tahir replied

    Hey!

    Please see screenshot: http://prntscr.com/4wo2t6 . You have added the custom css which is causing the issue. Please remove it.  

    Thanks


    ThemeNectar Support Team 

  • Evan replied

    Thanks for the reply.

    I had a custom CSS command to move the social links to the right side of the header. I wasn't 100% sure what to adjust to keep them on the right side, but also allow for the menu to work on mobile. I changed the following:

    html #header-secondary-outer #social {
    float: right !important;
    }


    to


    html #header-secondary-outer #social {
    float: right;
    }


    (I removed the !important part of the command.) It seemsĀ to work now, with the nav on the right side of a computer browser and the mobile links working, but I'm not positive that I handled the css properly. Can you take a quick look at the code and let me know if I made the right changes?

    Thanks,
    -Evan

  •  8,839
    Tahir replied

    Hey!

    Yes its alright. 

    Thanks


    ThemeNectar Support Team 

  • Evan replied

    Thanks, Tahir!