Hi everyone,
I’m having an issue with my Shopify site https://foxesanddoe.com. There’s a line of raw CSS code showing at the bottom of my website when viewed live. Unfortunately, I am not able to find the code to fix it, and I am not knowledgeable enough to figure it out. I keep using Ctr+F in different folders, but nothing is popping up. It looks like this: @media (max-width: 768px) {
.announcement-bar, .top-banner {
z-index: 9999 !important;
position: relative !important;
}
}
@media only screen and (max-width: 768px) {
.header-bar a, .header-bar button {
color: #4A3B36;
}
}
I believe this was accidentally placed in the wrong spot, but I can’t figure out where it is or how to remove it. I’ve checked my theme.liquid and footer.liquid files, but I might be missing something.
Can someone help me identify where this could be hiding and how to safely remove it so it doesn’t display on the live site?
Thanks so much in advance!
Make sure to paste the CSS inside a tag if you’re using it within a section or template file that isn’t a .css file.
@Foxesanddoe please check theme.liquid file, before tag you might be having this css
it should be wrapped in
I think your tag is closed before starting this css , which should be closed after the css
Thank you for your time and attention. Unfortunately, I am not able to find the code to fix it, and I am not knowledgeable enough to figure it out. I keep using Ctr+F in different folders, but nothing is popping up.
This is how browser receives your HTML:
So I am pretty sure it’s at the very bottom of your layouts/theme.liquid file.
Hi @Foxesanddoe
Please go to your store admin > Sales channels > Online store > Themes > click “…” > Edit code > open theme.liquid or footer.liquid file, find those codes and wrap them into this.
Hi @Foxesanddoe ,
Please go to Actions > Edit code > layout > theme.liquid file. You can try searching here
Thank you so much for helping find it! It is fixed!
Thank you much! Once I found it, this fixed it!
