Remove Transparent Header from Prestige Theme

biancapavlic
Tourist
4 0 2

Hello, I am trying to disable my transparent header at the top of my website page. My logo is black so it blends in with the background cover image. I would like the header to be a solid colour rather than transparent and then changes to a solid colour when the mouse is hovered over it! I am using the Prestige theme. Any solutions? TIA 

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
6890 1298 1326

Your store URL please?

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

PageFly-Henry
Astronaut
775 207 182

Hi @biancapavlic 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

 

x-header.header.color-scheme.color-scheme--scheme-2 {

    background: #dfd5ff !important;

}

summary.h6 {

    color: white !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.