[Resolved] Toggle Menu in a hero section in the content.

[David]

How can I insert the code that displays the main menu of header in a toggle menu that I want to place in a hero section in the content area?

Can you help me, regards!

[Tom]

Hi there,

I’m not sure I understand – can you explain a bit more/link us to an example?

Thanks!

[David]

Hi Tom, look at this screenshot:

https://www.maseformacion.es/topic/

I want is to give the user the option to click a toggle menu that I’m going to place in a section within the content of the page that displays the same menu that displays the toggle menu that is in the header.

Then the user can display the menu in the header as usual and can also display it in another section where I will place that new button to display the menu.

Is this possible?

Thanks!

[Tom]

To be honest, I’m not sure!

Give it a shot:

<button class="menu-toggle in-content-toggle" data-nav="mobile-header">Toggle</button>

Then add this CSS:

button.menu-toggle.in-content-toggle {
    color: inherit;
    display: block;
}

[David]

Thank you, Tom

….It doesn’t seem to be working.

I add these lines directly to the content, right?

[Tom]

You would add it as an HTML block. Any chance I can see it added?

[David]

That’s how I had it.

Look at this link to the administration page and the view:

https://hotel.magentapublicidad.com/explica/

Right now if you see the website in the home page I have an addon that puts me that bottom and displays a full screen menu.

But I’d rather use the GP menus.

[Tom]

Are you wanting to open our Off-Canvas Panel or the standard mobile menu?

[David]

That’s idea!

I’m sorry because I didn’t make myself clear before.

Look at this link:

https://hotel.magentapublicidad.com/menus-ok/

I want to use GP’s mobile menu but also put a menu in the content so that that menu is also displayed.

Now I have an addon that launches a full screen menu but it’s not the same menu as GP

You can see it on the front page:

https://hotel.magentapublicidad.com

[Tom]

Ah, so that’s the standard mobile menu.

Where can I see the page with the toggle I provided HTML for?

[David]

Page containing the code you gave me is:

https://hotel.magentapublicidad.com/boton/

button above the photo on the cover that launches the full screen menu is from the PowerPavk elements plugin

My idea is to replace it; put a button that launches the GP mobile menu.

Thank very much for your help : )

[Tom]

Can you try the updated HTML and CSS above?: https://generatepress.com/forums/topic/toggle-menu-in-a-hero-section-in-the-content/#post-1302745

[David]

Now with classes it appears, but it doesn’t display menu:

https://hotel.magentapublicidad.com/boton/

[Tom]

You need to update the HTML as well.

[David]

Sorry… AWESOME!!

Thanks, thanks, thank you for your patience ; )

[Author]

Posts