• Resolved lauraroverts

    (@lauraroverts)


    I created a website https://buurtgenotenutrecht.nl. On Android phones (at least Samsung), not all items in the menu are clickable. I can click the items ‘buurtgenoten’, ‘over mij’ en ‘contact’, but the items ‘op de kaart’ and ‘tussenstand’ are not clickable. On iPhone this problem does not occur.

    I used the WordPress template Twenty Eleven.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • paulwpxp

    (@paulwp)

    The CSS for search form is blocking it. Removing bottom:-27px; from #branding .with-image #searchform in style.css line 693 fixes the issue.

    I suppose you took that CSS from somewhere and wasn’t aware to limit it to big screen only.

    I don’t know how much the style.css had been edited, but if that’s the only thing you did I’d suggest revert the whole style.css to theme’s original one and then just put this in Custom CSS.

    
    #branding .with-image #searchform { bottom:-27px; }
    @media (max-width: 800px) { #branding .with-image #searchform { bottom: auto; } }
    
    Thread Starter lauraroverts

    (@lauraroverts)

    Dear Paul, thank you so much! It works!
    I didn’t change anything to the theme CSS. But adding the code to a Custom CSS resolved my problem.

    paulwpxp

    (@paulwp)

    I’m glad it works ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu not clickable in Android phone’ is closed to new replies.