Docs

[davesapple]

How can I get my menu to look like – http://www.firespring.org/solutions/

Thanks

[Rad]

Hi there,

Thanks for writing in.

The masthead has to be transparent and its height should be zero. Then place slider below masthead. Would you mind providing your site’s URL?

Example CSS that you can add to your site’s custom CSS.

@media ( min-width: 980px ) {
.home .masthead {
height: 0px !important;
}
.home .x-navbar {
background-color: transparent !important;
}
}

Thanks!

[davesapple]

Great

Trying to get it working on

http://sspwebsite.com/

[Rahul]

Let us know how it goes!

[davesapple]

It’s not working http://sspwebsite.com/

[Joao]

Hi There,

It does work.

Now what you need to do is to go to Appereance Customizer Header and adjust the link top spacing and the link spacing.

So your links are more far apart and aligned to the logo.

If you can´t see a transparent navbar with white links please clean your browser cache and test it again.

Thanks

Joao

[davesapple]

Greta Thanks

How can I get this on all pages ?

[Rue Nel]

Hello There,

Thanks for the updates! If you want to apply this to all pages, please update the code and use this instead:

@media ( min-width: 980px ) {
  .masthead {
    height: 0px !important;
  }
  .x-navbar {
    background-color: transparent !important;
  }
}

Hope this helps. Please let us know how it goes.

[davesapple]

HI It did not work for this page http://sspwebsite.com/about/pricing/

[Christopher]

Hi there,

Please move CSS codes from cornerstone/custom css to customize/custom/css to apply it to all pages.

Thanks.

[Author]

Posts