Not clickable voices in principal menu – Mobile Problem

  • Resolved andreaborin

    (@andreaborin)


    5 years, 5 months ago

    Hi everyone,

    I’m creating a site for a company at the domain https://algor-foam.it.
    I created a top menu with various voices and some Custom Links, that are not clickable, but when you the cursor gets Hover, a dropdown menu comes out.
    Checking the mobile version of the site, I found out that, in the mobile menu, to open the dropdown child menu you have to push on a small icon on the right of the voice Prodotti and if you push on Prodotti nothing happens. I want to know if there’s the possibility to have the dropdown menu coming out also by clicking on the Prodotti text, because in this way the menu would be a lot more user-friendly.
    Currently I added an animation and a different BG color on the icon, hoping that the users will push on that, but it’s a quickfix.

    Thank you in advance for your kind attention!
    Andrea Borin

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    5 years, 5 months ago

    Did you use an additional plugin for this menu?

    Thread Starter andreaborin

    (@andreaborin)

    5 years, 5 months ago

    Hi Andrew,

    nope, just used the basic theme menu.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    5 years, 5 months ago

    Remove the background colour that you added and try this. In the “Additional CSS” section of the dashboard add this:

    
.dropdown-toggle {
    position: absolute;
    text-align: right;
    width: 100%;
}

    https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Thread Starter andreaborin

    (@andreaborin)

    5 years, 5 months ago

    Hi Andrew,

    thank you so much, that was exactly what I needed.
    Too gentle and too fast in your answer!

    AB

    Thread Starter andreaborin

    (@andreaborin)

    5 years, 5 months ago

    Hi Andrew,

    just to know if I understood what I wrote on the Additional CSS:

    with that string I “covered” all the Prodotti text with the dropdown toggle, so pushing on the text now means pushing the dropdown toggle, right?
    Perfect solution for my problem!

    AB

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    5 years, 5 months ago

    Yes, you made the clickable area of that arrow wide so that it is as wide as the menu, while keeping the icon itself still in its original size.

    Then because of the icon’s natural position in code (it is after the text), the icon is layered on top of the text.

    picaporte

    (@picaporte)

    5 years, 4 months ago

    Same problem here, and an easy fix.

    Thank you, Andrew.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Not clickable voices in principal menu – Mobile Problem’ is closed to new replies.