I created a Header that contains a navigation container which has a Login/Signup button and a menu button for the dropdown. I can’t seem to get the header to expand across the window 100%. Also, when the window is resized, it moves the buttons around so they occupy another row, rather than just move over.
When Full-Screen
When Resized
Navigation Container:
Header:
any assistance would be greatly appreciated!
You’re setting a max width…
Uncheck the ‘apply max width when page is stretched’ box if you want the header to stretch to the full width of the screen.
I unchecked it, and it still does it. hmm
Do yourself a favour and upgrade the page to the new responsive editor! 
Josh @ Support Dept
Helping no-code founders get unstuck fast 
save hours, & ship faster with an expert 
on-demand
so I upgraded it to a responsive editor and it kind of fixed it but not really. Now I can’t get it to resize with the screen, but it doesn’t move the buttons to the next line… I think I have my container layouts mixed up but can’t figure out what needs to be what.
The header is a floating header so it stays in place, but I need everything to appear full width and auto-resize when the screen is resized.
Josh @ Support Dept
Helping no-code founders get unstuck fast save hours, & ship faster with an expert on-demand
I’m not sure what type I need to set everything at.
Index: Fixed
Floating Group Header: Align To Parent
Header: (Reusable) : Fixed
Navigation Container (In Header): Fixed
No matter how I mix and match things around, I can’t get it to work right.
Thanks!
My advice would be to watch a tutorial on the new responsive editor so you understand what those different options mean. It sometimes helps to slow down to speed up and this is one of those situations.
Something like this: The Complete Guide To Bubble Responsive Design (Flexbox 2022) - YouTube
It’s hard to give you advice on what these things should be without knowing what else you have on the page. But if I have to give you one bit of advice - it’s to use the fixed page and element layouts very sparingly, as it’s doing what you’d expect - it’s fixing the width of your page/element to a specific number of pixels and will be 0% responsive as a result.
You currently have your page, header element and the container within the header element all with fixed dimensions. So they will not resize as the page width changes.
Josh @ Support Dept
Helping no-code founders get unstuck fast save hours, & ship faster with an expert on-demand
This topic was automatically closed after 70 days. New replies are no longer allowed.
