Home>Support>Menu bar size

Menu bar size

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi there and you guys do an amzing job!
I have one question egarding the size of the menu bar on the Influence Theme.

Is ther a possibility to make the bar thinner? I just don’t need the standard size and I would like it to be thinner.

Any ideas?

Thank in advance
Florian

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

  1. 10 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hi Florian

    Thanks for your ongoing support.

    Please try the following in a Custom CSS plugin like Simple Custom CSS or Jetpack Custom CSS:

    /* Influence Theme Menu Width */
    
    #main-menu {
    right: -280px;
    width: 280px;
    }
    
    body.display-main-menu #page, body.display-main-menu #masthead {
    padding-right: 280px;
    }
    

    All three values must match up.

  2. 10 years, 7 months ago Florian Hogenfeld

    Hi Andrew!
    Thank you for your reply. Unfortunately that was the wrong adjustement, although good to know :-)

    what I meant was the header from which you open the menu. The (white) bar with the title and subtitle for the page.

    Should be around here somewhere, but I couldn’t figure it out:

    /* =Masthead
    ----------------------------------------------- */
    .site-header {
      position: fixed;
      right: 0;
      top: 0;
      background: #ffffff;
      background: rgba(255, 255, 255, 0.86);
      padding: 25px 0;
      width: 100%;
      z-index: 490;
      -ms-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    

    I now let the menu overlap the slider images which is suboptimal, but a good workaround. If you have another idea, that would be great. If not, it’s okay too.

    thanks
    Florian
    Thank

  3. 10 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    For sure. Here we go:

    /* Influence Site Header Padding */
    
    .site-header {
    padding: 25px 0;
    }
    
  4. 10 years, 7 months ago Florian Hogenfeld

    Awesome! That is it! Thanks for the support!

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