Docs

[niomelawler]

Hi There,

i created a heading to go above the menu – using Ethos. i changed the z-index for x-navbar to 0 so that the heading would display above the navigation menu. I also created a box shadow for the x-navbar so that it looked like integrity. I made these changes in custom CSS. Then I changed the default template to no container -header -footer template and the box shadow won’t display unless I change the z-index to another value, which means my heading won’t display.

Please give me back my box shadow and my heading at the same time!

X VERSION 4.4.2 WordPress version 4.5.1 Cornerstone Version 1.2.4 URL http://www.webmantix.com.au/sawtellElectric/

Cheers

Niome

[Rupok]

Hi Niome,

Thanks for writing in! Let’s remove your styling and use the following instead :

.x-navbar {
  box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.133);
  z-index: 1;
}

#x-section-1 .h-custom-headline {
  font-size: 18px;
  position: absolute;
  right: 0;
  top: -150px;
  z-index: 2;
}

It would be better approach if you give the custom headline a custom class name and replace the CSS selector .h-custom-headline with your class to avoid conflict.

Hope this helps.

Cheers!

[niomelawler]

Hey guys/gals,

Thanks so much, working wonderfully!

Cheers

Niome

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts