Mobile menu close X

  • Resolved suecarroll

    (@suecarroll)


    7 years, 11 months ago

    Hi Tom (again),

    I have a strange problem with the mobile menu. When I click on the menu toggle box it completely disappears: Screenshot This in itself could be confusing for visitors to the site.

    However, if you kind of know roughly where the menu is and click it to close the menu, you then get this: screenshot which is extra confusing.

    To get the X Menu to come up like this you have to click somewhere off the menu.

    Do you have any idea why this is happening?
    As always, your help is greatly appreciated

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter suecarroll

    (@suecarroll)

    Sorry, that last link was confusing. What I want to happen is this – when I click on the menu the XMenu stays visible until I close it. This is not currently happening, currently there is just a blank space.

    Theme Author Tom

    (@edge22)

    Any chance you can link me to your site? Looks like you might have some CSS/styling causing the hover/focus of the mobile menu link to be white.

    Thread Starter suecarroll

    (@suecarroll)

    Yes, sure.

    Here

    I thought it might be my css but I can’t see where I am going wrong at the moment.

    Thanks!

    Theme Author Tom

    (@edge22)

    It looks like you’ve added the CSS to change the menu colors manually – I assume you’re not using the GP Premium features? It does all the color changes automatically for you.

    With custom CSS, you should be able to fix this by targeting the mobile menu button:

    button.menu-toggle:hover, 
button.menu-toggle:focus,
.main-navigation .mobile-bar-items a, 
.main-navigation .mobile-bar-items a:hover, 
.main-navigation .mobile-bar-items a:focus {
    color: #222;
}
    Thread Starter suecarroll

    (@suecarroll)

    Thanks again Tom, worked perfectly.

    (I will bear GP premium in mind)

    Theme Author Tom

    (@edge22)

    Glad I could help ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Mobile menu close X’ is closed to new replies.