Drop-down menu doesn't work on mobile phones

  • vitotarta

    (@vitotarta)


    11 years, 8 months ago

    Hi,
    I created a site with Hiero themese here: http://www.parolacce.org
    As you can see, the voice “argomenti” is a drop-down menu with 15 possible choices.
    On mobile devices (Android and Apple smartphones and tabs) the menu doesn’t work: you can read (and choose) just the first 7 options; all the others are invisibles.
    What can I do to correct this error?
    More, when you open the drop-down menu you also see the share buttons floating over the menu itself…
    Thank you if you can help me!
    The best regards
    Vito

Viewing 1 replies (of 1 total)
  • Maruti Mohanty

    (@marutim)

    11 years, 8 months ago

    Hi Vito,

    You can do it by adding the below code in your theme’s style.css file.

    I would advice you to do the changes using a Child Theme or by using a My custom css plugin to keep the changes preserved even after the update

    #main-navigation > .sf-menu > ul {
    overflow: visible;
}

    To add a scroll add

    #main-navigation > .sf-menu > ul {
    overflow: scroll;

    Hope it helps!!

    Thanks

Viewing 1 replies (of 1 total)

The topic ‘Drop-down menu doesn't work on mobile phones’ is closed to new replies.