This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Sidebar area, menu texture and width.

11 years ago · Last reply by Andrew Misplon 11 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 3 months ago

    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.

  2. Nicholas 11 years, 3 months ago

    Thank you very much.

    Question number 4 – Is there a way to set logo width more than 1080px?

    Thanks for the support.

  3. Andrew Misplon Staff 11 years, 3 months ago

    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;
    }

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread