A user encountered an error preventing publication when attempting to add custom CSS code to their Shopify store. The error message states “Online Store editor session can’t be published.”
The Problem:
position: fixed, z-index: 9999, and width: 100%Proposed Solution:
Another user suggested an alternative implementation method:
theme.liquid file{% style %} and {% endstyle %} Liquid tags before the </head> tagThe solution involves using Liquid syntax instead of direct CSS implementation, though the response also appears to contain corrupted/reversed text, suggesting potential encoding or copy-paste issues in the original conversation.
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:
Go to Shopify > Theme > Edit code
Find the theme.liquid > then add the code below before 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 %}
