Home>Support>Menu Bar Transparent

Menu Bar Transparent

By Dimpy Mody, 3 years ago. Last reply by Andrew Misplon, 3 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. If you need fast email support, please purchase a SiteOrigin Premium license.

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

    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. 3 years, 10 months ago Dimpy Mody

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

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

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More