• Resolved leimelson06

    (@leimelson06)


    I have a dropdown menu on my site called ‘Products’.. It is working on PC and automatically appears when hovering however nothing happens on mobile.. Tapping it didn’t do anything..

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    Hey @leimelson06 – could you check under “Customize > Menus” if both the Primary and the Handheld menu are selected:


    Link to image: https://cld.wthms.co/XMDyLp

    A dropdown link should look like this:


    Link to image: https://cld.wthms.co/QMUoVv

    Thread Starter leimelson06

    (@leimelson06)

    @jobthomas I see now.. The dropdown arrow (v) is color black on my site and it’s almost invisible.. Is there any way I can change it’s color to white or make the text ‘Product’ clickable?

    Fernando a11n

    (@fhaps)

    Automattic Happiness Engineer

    @leimelson06 You can change the color of the drop-down toggle using custom CSS.

    I’m not an expert in CSS code but I believe the following snippet might do the trick:

    button.dropdown-toggle {color:#FFFFFF}

    Head to Appearance > Customize > Additional CSS and copy/paste the code in there. Publish changes, and the color of that arrow should have changed to white. You can substitute the #FFFFFF for whatever’s the code of the color you’d like to use.

    Thread Starter leimelson06

    (@leimelson06)

    @fhaps It works!! Thanks for the help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Dropdown menu not working on mobile’ is closed to new replies.