cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
mcAbri
Frequent Visitor

Applying an expanding menu to responsive containers

Hi! I'm trying to apply a hamburger icon which upon clicking it, an expanding menu will display (this is all within a component). How can I apply it to a responsive layout, of which I have a horizontal container? At the top pf the screen is a header component, and I want to place the the menu component at the top left on top of the header component, but of course it pushes everything else out of the way. Is it possible to get this working in a responsive layout, where the menu will overlay the other containers?  Thank you in advance for any help!

4 REPLIES 4
seedat
New Member

Hi. I am trying to do this as well. If I place the burger menu in the top left corner of the header container, it does not show when expanded. As the OP asked, is there a way to make it overlay the main container?

 

 

 

 

 

mcAbri
Frequent Visitor

Hi seedat, I have got this to work now - you need to put the burger menu outside of the container, just above it in the tree view.  🙂

Hi mcAbri. Thanks. I have done the same but was hoping there is a way to keep it in the header container. Looks like there isn't.

mcAbri
Frequent Visitor

I was hoping the same as it would make far better best practice 🙂

Helpful resources

Announcements
Ignite 2022

WHAT’S NEXT AT MICROSOFT IGNITE 2022

Explore the latest innovations, learn from product experts and partners, level up your skillset, and create connections from around the world.

Power Apps Africa Challenge 2022

Power Apps Africa Challenge

Your chance to join an engaging competition of Power Platform enthusiasts.

Super User 2 - 2022 Congratulations

Welcome Super Users

The Super User program for 2022 - Season 2 has kicked off!

September Events 2022

Check out all of these events

Attend in person or online, there are incredible conferences and events happening all throughout the month of September.

Users online (3,151)