Home>Support>Transparent header and white sticky menu

Transparent header and white sticky menu

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 Guys,
I have found the code for the transparent header with which I am happy.

.page-layout-menu-overlap #masthead {
  background: transparent;
  border-bottom: transparent;
}

However I would like to make my sticky menu white with a black font, but a white font when the menu is transparent. Is that possible?
I have the following, but it makes my sticky menu white but also my font white.

#masthead.sticky-menu.floating {
  background: #FFFFFFF !important;
    font-weight: 600;
 }
.main-navigation ul a {
  font-weight: 600;
  color: #ffffff !important;
}

Thanks advance!
Martijn

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

  1. 7 years, 5 months ago Alex S
    Hi, I Work Here

    Hi Martijn

    I’d like to help you with this, unfortunately, this is beyond the scope of the support we’re able to offer on our free forums. We’re not able to assist with customizing CSS for free users.

    We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.

    If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.

  2. 7 years, 5 months ago budelski

    Ok, no problem I am premium, I will make a support ticket.

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