How can I sticky the announcement bar for expanse theme?

Store Design
,
1

Hello,

This is my website: https://www.leftonhome.com/

Any friends can help me to sticky the announcement bar?

The theme that I use is expanse

https://themes.shopify.com/themes/expanse/styles/classic

2

Go to your Online store > Themes > Edit code > Assets > open theme.css or theme.css.liquid file, add those code at the bottom and save file

.toolbar-section { position: sticky; top: 0px; }
.header-section { top: 34px !important; }
3

Hello @Peterpandola ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1678856443522.png
GemPages_0-1678856443522.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

4

Hi @Peterpandola

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->theme.css

.toolbar-section {
    position: sticky;
    top: 0;
}
.header-section {
    top: 34px !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly