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 Transparent

Open 3 replies technicalthemetheme-corp
Dimpy Mody
7 years ago · Last reply by Andrew Misplon 7 years ago

hi,
I am using site origin corp theme. i need to make the menu bar transparent ( or some opacity) when i scroll down to other section.
Also, the height of the menu bar is too broad, need to reduce the size of that as well.

Is there a way to change the footer color using some CSS?

Please help me with CSS so that i can make necessary changes.

Thank you.

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

Need fast email support? Get SiteOrigin Premium

Replies

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

    Hi Dimpy

    Thanks for posting.

    At the moment there isn’t a theme setting to change the header bar to transparent on scroll. There is an overlap Page Setting but that doesn’t apply to scrolling. For more on the overlap setting, see Page Settings: Page: Page Settings.

    Header padding can be set at Customize > Theme Settings > Header.
    Documentation: Page: Header.

    The footer background and text colors can be set at CustomizeTheme SettingsFooter.
    Documentation: Page: Footer.

  2. Dimpy Mody 7 years, 7 months ago

    There can be a way to edit header using some CSS rite ??? can you help with that CSS

  3. Andrew Misplon Staff 7 years, 7 months ago

    If you open your developer console and take a look at the header on scroll, you’ll see it gets assigned a new class, .stuck. You can target the header in this state with a rule that adds stuck to it:

    .site-header.stuck {
	background: transparent;
}

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