Transparent header on all pages (Dawn theme 10.0.0)

1F
Excursionist
22 1 1

Hi there,

 

I would like to enable transparent header on all my pages. I followed this amazing tutorial which add a feature to enable or disable it but ONLY on the home page. Can you guys please help me to add this feature on all pages please.


Here is the tutorial on youtube and the code he provides: https://websensepro.com/blog/transparent-header-in-dawn-theme-10

 

my website: www.leaderlimousines.com

 

Many thanks wonderful community!

Replies 5 (5)

PageFly-Henry
Astronaut
984 282 227

Hi @1F 

 

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 base.css

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


header#site-header {

    position: absolute !important;

    width: 100%;

}

 

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.

1F
Excursionist
22 1 1

No way! It works perfectly thankkkk you! Just an issue, the "button" menu is black (screenshot) on all pages except on Home page. 

 

Do you have any idea on what to do ?

 

thxxx

1F
Excursionist
22 1 1

Capture d’écran 2024-02-05 à 15.30.44.png

 

1F
Excursionist
22 1 1

If you have any idea on how to turn the navigation bars menu White, it would be so nice. Thank you dear

1F
Excursionist
22 1 1

Thank you so much! it works perfectly. Just an issue, the navigation menu bars stay black. Is it possible to turn them white without turning the navigation menu black ? 

THank u so much