How to make both header and announcement bar sticky in DAWN

NOT1 · ‎09-15-2024

How to make both header and announcement bar sticky all time in DAWN

BSSCommerce-HDL · ‎09-15-2024

@NOT1, Can you kindly share the details of your problem (screenshot) with us? We will check it and suggest you a solution if possible.

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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

View solution in original post

BSSCommerce-B2B · ‎09-15-2024

@NOT1 , add this code before </body> in theme.liquid file

<style>
.header-wrapper{
   position: fixed!important;
   width: 100%!important;
   top: 36px
}
.announcement-bar-section {
  position: fixed!important;
  top: 0;
  width: 100%!important;
}
#MainContent {
    margin-top: 100px
}
</style>

Result for you:

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

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

View solution in original post

BSSCommerce-HDL · ‎09-15-2024

@NOT1, Can you kindly share the details of your problem (screenshot) with us? We will check it and suggest you a solution if possible.

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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

BSSCommerce-B2B · ‎09-15-2024

@NOT1 , add this code before </body> in theme.liquid file

<style>
.header-wrapper{
   position: fixed!important;
   width: 100%!important;
   top: 36px
}
.announcement-bar-section {
  position: fixed!important;
  top: 0;
  width: 100%!important;
}
#MainContent {
    margin-top: 100px
}
</style>

Result for you:

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

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

How to make both header and announcement bar sticky in DAWN

How to make both header and announcement bar sticky in DAWN

Community Blog Articles