Hey all.
I’m using Vantage Premium and I have three questions for you:
1- If I set the layout “Full Width”, the content area is still the same. I’d like to put a sidebar next to content area or, at least, increase content area width and put a sidebar inside. Is ther any way to do it?
2- Second question is for menu. If I add another voice, while there’s still space, menu goes on a second line under the first one. How can I increase the menu container width?
3- Also, how can I add a texture background to menu?
Thanks in advance for any help,
Nicholas
Hi Nicholas
1. That’s correct, Vantage Full Width doesn’t change the width of the center aligned content containers. To expand the main container width you could insert the following under Appearance > Custom CSS and edit as required:
/* Vantage full width expand main container width */ body.responsive.layout-full #page-wrapper #main .full-container { max-width: 1500px !important; }2. You could try the following under Appearance > Custom CSS, adjust as required:
/* Full Width Layout Menu Width */ body.responsive.layout-full #page-wrapper header#masthead .full-container { max-width: 1080px; }3. Try something like this:
/* Vantage Menu Background Image */ .main-navigation { background-image: url('smiley.gif'); background-size: cover; background-repeat: no-repeat; }Replace my url with yours.
Thank you very much.
Question number 4 – Is there a way to set logo width more than 1080px?
Thanks for the support.
The CSS I sent for the menu is actually what you’d use to widen the header. To widen the menu you’d need:
/* Vantage Full Width Menu Width */ body.responsive.layout-full #page-wrapper header#masthead nav.site-navigation .full-container { max-width: 1080px; }