Sub-menu items not working

  • 6abi

    (@6abi)


    11 years, 1 month ago

    Hi

    I hope you can help me, I am not very experienced with this stuff so don’t be harsh :D.
    I’ve installed the Sela theme on my website, set up a menu, and some sub-menu items.
    The problem is these sub-menu items are not working, I cannot click on them to go to the respective page, but they are working when I access the website from my mobile phone. I can’t figure out what the problem is on desktop, why I can’t hover over them, click on them, access them…
    Here it is in case you want to have a look, the sub-items of the 4th menu item for e.g.

    Many thanks

    Gabriela

Viewing 6 replies - 1 through 6 (of 6 total)
  • rwaynick a11n

    (@rwaynick)

    11 years, 1 month ago

    Hi Gabriela,

    It could be a bug with your theme. For testing purposes, can you either shorten the name of several of the menu items, or remove one of them?

    Currently, all of the menu items don’t fit on one line, and I’m thinking that’s causing the issue.

    jamesbr

    (@jamesbr-1)

    11 years, 1 month ago

    The CSS for the submenu currently shows the following:

    @media screen and (min-width: 768px)
.main-navigation ul ul {
top: 2.6em;
}

    Top is used in reference to an element and its containing element. That is too much spacing between the menu item and the submenu list, thus the mouse can’t hover over the submenu. Try reducing the spacing to:

    @media screen and (min-width: 768px)
.main-navigation ul ul {
top: 1.8em;
}
    Michael

    (@alchymyth)

    11 years, 1 month ago

    this might be caused by the gap between the main menu item and the sub items; which could be caused by some formatting in your theme, or more specific, by the edits you have made to the layout of the menu.

    please revert back to the original style.css, and then make any changes either by using a ‘custom CSS’ plugin, or by creating a child theme.

    for theme specific suggestions, please post in https://ww.wp.xz.cn/support/theme/sela#postform

    Thread Starter 6abi

    (@6abi)

    11 years, 1 month ago

    Hi

    Thanks

    I’ve just tried it (now all items are on one line and I also shortened the name of one parent item) and it doesn’t help…

    What puzzles me more is that on my phone (where I have Safari) I don’t have this issue, only on desktop on Chrome and Mozzila (I haven’t tried other browsers).

    Thread Starter 6abi

    (@6abi)

    11 years, 1 month ago

    alchymyth, you are right! I’ve reverted to the original .css and everything is OK now. Thanks!

    Thread Starter 6abi

    (@6abi)

    11 years, 1 month ago

    jamesbr, yes, I had made some changes there without giving it too much thought, now I’ve copied the original CSS and the problem is solved. Thank you all for the quick replies!
    Gabriela

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Sub-menu items not working’ is closed to new replies.