Remove transparent header - prestige theme

Shopify Discussion
,
1

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

1 Like
2

Hey @biancapavlic

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

@biancapavlic please share the store URL, THANKS

4

https://biancapavlic.com/

5

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

6

I would like the colour to be the same as the heading bar not white, how can I do this! Thanks

1 Like
7

I noticed you changed the color to be the same as the bar, right?