- This topic has 6 replies, 3 voices, and was last updated 3 years, 2 months ago by
.
-
Posts
-
Hi,
I’ve got the footer set to full width and it behaves as I want it to, it expands to whatever width the screen is. But the menu, for which in this case I’m using uber menu, and is also set to full width, doesn’t behave the same way. It seems to have padding, as does the logo. I like the logo having padding but not the menu bar. How would I make the menu bar behave like the footer and be full width? In Uber Menu it says if you choose full width, it will inherit the width setting of the container it’s in. But I have the container set to full width.How do I get the menu bar to behave like the footer and be full width regardless of how the page is expanded or contracted?
Thanks.
Customer Support
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know 🙂
I solved it (I guess) by using your suggestion here
https://generatepress.com/forums/topic/100-width-container/I guess I could also try it this way?
https://docs.generatepress.com/article/layout-element-overview/#content-1But you also said it’s not advised. Is there a better way to do it? Access link in the private info box.
Thanks, Leo!
Tried the Layout Element option, it didn’t work. I did work for the main text area but not for the menu bar.
I put the
body .grid-container {
max-width: 100%;
}
Back in additional CSS. Seems like there would be a better way to do it…just the menu bar 100% width?Customer Support
Hi Laura,
You could try this to make only navigation full width:
body #site-navigation .inside-navigation.grid-container { max-width: 100%; }Thanks, Ying!
You are welcome 🙂
- You must be logged in to reply to this topic.