Solved

Unwanted text above the announcement bar - Dawn

sprucest
Visitor
3 0 1

I messed with the code in theme.liquid as I was trying to make my menu also visible in mobile format, and instead I ended up with unwanted text above my announcement bar:

Screen Shot 2024-02-11 at 2.52.30 PM.png

 

1. Do you know how to remove the unwanted text? ("@media screen" line)

2. Do you know how to make a menu visible in mobile format as well? Even if it is a hamburger version

 

Site: https://theslipperyneedle.com/

PW: Spruce23

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1045 271 213

This is an accepted solution.

Hey @sprucest,

 

You can restore a previous version of theme.liquid,

just click on the drop down menu under "Recent Changes" and select the original. 

ThePrimeWeb_0-1707681741046.png

 

And for the hamburger menu

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
summary svg.icon.icon-hamburger {
    display: block !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_1-1707681833414.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? Contact me here

View solution in original post

Replies 3 (3)

ThePrimeWeb
Shopify Partner
1045 271 213

This is an accepted solution.

Hey @sprucest,

 

You can restore a previous version of theme.liquid,

just click on the drop down menu under "Recent Changes" and select the original. 

ThePrimeWeb_0-1707681741046.png

 

And for the hamburger menu

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
summary svg.icon.icon-hamburger {
    display: block !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_1-1707681833414.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? Contact me here

Made4uo-Ribe
Shopify Partner
5089 1215 1483

Hi @sprucest 

Find this code in your theme.liquid file and be sure its inside on this tags 

<style> 

@media only screen and (min-width: 750px) {

body {

font-size: 1.6rem;

}

}

</style>

 

Or put this code after <style> or before </style>

And Save. 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


sprucest
Visitor
3 0 1

Thank you both SO much!!