Re: How to hide white sticky bar from all page?

Solved

How to hide white sticky bar from all page?

Daniil_P13
Excursionist
31 0 8

Daniil_P13_0-1721050847321.png

 

Hello, need to hide this sticky bar from all pages?

My site: https://alpadadoors.com/

DP
Accepted Solution (1)

suyash1
Shopify Partner
9866 1226 1566

This is an accepted solution.

@Daniil_P13 - please go to your theme.liquid file, check this above css line which is sticky, and wrap this line in style tag like

<Style>.product-sticky-bar.is-visible {background: #fff !important;}</style>
To build shopify pages use pagefly | Contact me - [email protected] , My timezone is GMT+5:30. | Support me

View solution in original post

Replies 2 (2)

suyash1
Shopify Partner
9866 1226 1566

This is an accepted solution.

@Daniil_P13 - please go to your theme.liquid file, check this above css line which is sticky, and wrap this line in style tag like

<Style>.product-sticky-bar.is-visible {background: #fff !important;}</style>
To build shopify pages use pagefly | Contact me - [email protected] , My timezone is GMT+5:30. | Support me

BSS-TekLabs
Shopify Partner
2350 701 826

Hi @Daniil_P13,

You can follow these steps
1. Open Online Store > Theme > Edit Code

2. Find and open the theme.liquid file

3. Search for the text ".product-sticky-bar.is-visible { background: #fff !important; }" and remove it then hit save
Here is the result

BSSTekLabs_0-1721052459663.png

Hope this helps you solve the issue.

Please don't forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now