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 %}
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024