Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
When I try to implement this code on custom CSS
And save it this pops up Online Store editor session can't be published
Code is:
.shopify-section-group-header-group.section-header {
position: fixed !important;
top: 38.8px;
z-index: 9999 !important;
width: 100%;
}
div.shopify-section-group-header-group.announcement-bar-section {
position: fixed !important;
top: 0 !important;
z-index: 9999 !important;
width: 100%;
}
Hi @Filip02
You can follow the instruction here to fix the issue:
1. Go to Shopify > Theme > Edit code
2. Find the theme.liquid > then add the code below before </head> tag
{% style %}
.shopify-section-group-header-group.section-header {
position: fixed !important;
top: 38.8px;
z-index: 9999 !important;
width: 100%;
}
div.shopify-section-group-header-group.announcement-bar-section {
position: fixed !important;
top: 0 !important;
z-index: 9999 !important;
width: 100%;
}
{% endstyle %}
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025