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.

Menu bar size

Open 4 replies themetheme-influence
Florian Hogenfeld
11 years ago · Last reply by Florian Hogenfeld 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

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

    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. Florian Hogenfeld 11 years, 3 months ago

    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. Andrew Misplon Staff 11 years, 3 months ago

    For sure. Here we go:

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

    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.

Have a different question or issue?

Start New Thread