Archived topic

Custom slideout-toggle not working

9 replies · Started by Are Martin on February 28, 2017

Viewing posts 1–10 of 10

February 28, 2017 at 3:41 am #284953

Hi Tom, I'm trying to make the slideout meny full width and add the slideout toggle in the menu like described here https://generatepress.com/forums/topic/mobile-hamburger-slideout/

When I do this the toggle icon appears (not the x but the hamburger) but it does not trigger the closing of the menu when I click it. Any idea how to fix this

February 28, 2017 at 9:09 am #285104

Hi there,

Can you link me to what you have so far?

February 28, 2017 at 9:22 am #285118

http://www.fysionett.no/

I have the slideout activated for desktop. It's the menu item on the bottom of the list.

Have not made the menu full width yet just experimenting with the toggle...

February 28, 2017 at 9:28 am #285126

In the URL of the slide-out toggle, can you try just adding: #

February 28, 2017 at 9:49 am #285147

I tried this but it did not change anything...

February 28, 2017 at 11:43 am #285204

Can you try removing the http:// as well and only enter #?

So like this: https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-link

February 28, 2017 at 12:04 pm #285228

I tried this as well.... still not working.

Would it be possible to set a position absolute and a z-index for the slideout-toggle instead?

February 28, 2017 at 3:52 pm #285361

Can you try changing the menu item class to: slider-exit

February 28, 2017 at 4:09 pm #285367

Thanks! That worked :) The toggle icon disappeared, but I just replaced it with a font awesome icon.

February 28, 2017 at 4:48 pm #285374

Awesome, glad I could help :)

This archived topic is closed to new replies.

Start building better websites today.