I hope you can help me with a design issue I’m facing. I am trying to reduce the text size for headings and sub-headings on my mobile view. To achieve this, I have added the following code to each section:
@media only screen and (max-width: 768px) { h2 { font-size: 22px !important; } h3 { font-size: 18px !important; } }
The code works perfectly in my preview, but when I attempt to save, I encounter the error message “Online store editor session can’t be published.” I’ve already reached out to Shopify support, but we haven’t been able to resolve the issue, and I’ve been waiting for over a week for a response.
I would greatly appreciate any insights or solutions from the community. Thank you in advance for your assistance!
Hi @Opiesie If you are unable to add the store in the theme customization section then you can add the code in your theme code files, i.e on theme.css/base.css/style.css file which is available in your theme.
If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:
Login in shopify admin.
Click on the Online Store.
Then click on the button next to Customize in live Theme.
Click Edit Code.
Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
You can add the code at the bottom of the file.
If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!