Docs

[suzannereid]

Hi,
I would like to edit the header on this page http://dc1.armorlight.biz/new-arrivals/ (woo-eCommerce shop) and have the full width black header like the rest of the pages. When I edit that area in css it only applies the css to the area directly behind the text (see attached). How can I achieve the fullwidth header on the shop page like the rest of the pages (for example http://dc1.armorlight.biz/jewelry/)?
Thanks!

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.woocommerce-page .x-header-landmark {
	background-color: #000;
	color: #ff0000;
    width: 100%;
    max-width: none;
    margin-top: 0;
    padding-top: 35px;
    padding-bottom: 35px;
}
.woocommerce-page .x-header-landmark .h-landmark {color: #ff0000;}

Hope it helps, Cheers!

[suzannereid]

Thanks, it worked great!

[Paul R]

You’re welcome! 🙂

[Author]

Posts