Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Off Canvas Menu Button Not clickable on Mobile

  • Hi, I added the following CSS in order to move the off-canvas menu icon to the right so it is more accessible when on mobile. But it turned the icon unclickable, the icon itself is not clickable but if you click below or above the icon it closes the off canvas menu.

    	.slideout-navigation button.slideout-exit {
        position: fixed !important;
    		right:1em !important;
    		top: 0.5em !important;
    		font-size: 30px !important;
    }
    	#generate-slideout-menu.do-overlay .slideout-menu li, .slideout-navigation.do-overlay .inside-navigation {
        text-align: left;
    		margin-left:1.5em;
    }

    Live Website

    https://i.postimg.cc/JzrdSWZB/Screenshot-2024-04-02-at-12-54-53-PM.jpg

    Thank you.

  • Hi there,

    Add one more line to your first CSS:

    z-index:10;

  • That worked, thank you!!

    You are awesome.

  • Thank you 🙂 Glad to hear that!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.