Home>Support>stretch menu

stretch menu

By moomoobrom, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

How do I stretch the content of the menu 100% Please. So that logo is full left. menu titles are in the mddle. Then search etc on the far right.

At the moment everything is bounded out to the middle. Not Full stretch

Advantage Premium

Thanks

URL: http://coraandspink.co.uk/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 4 months ago Magus
    Hi, I Work Here

    Hi Moomoobrom

    Please try adding this to Appearance > Custom CSS

    body.layout-full.responsive #page-wrapper .full-container {
  max-width: 100% !important;
}

    If you need to stretch the main menu as well we can fix that too.

    .main-navigation ul li a {
  padding-left: 50px;
  padding-right: 50px;
}

    Adjust the values as necessary.

    Let us know how you get on

    Magus

  2. 9 years, 4 months ago moomoobrom

    We’re nearly there, can I apply 100% to just the menu bar?

  3. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi Moomoobrom

    Give this a try:

    /* Full Width Layout 100% Page Width Menu */

body.responsive.layout-full #page-wrapper header#masthead .site-navigation .full-container {
  max-width: 100%;
}
  4. 9 years, 4 months ago moomoobrom

    Thanks, that is working perfectly on desktop. Thank you!

  5. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Sweet. Glad that helped. All the best :)

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More