Help! My CSS code is showing up in my header on the mobile site

Hi all!

*preface* I am NOT coding literate and I am brand new to trying to create a website. 

I inserted some code into my CSS but now it is showing up in my header on my mobile set when you go to "shop" I made sure it was deleted from my code injection but I am struggling. I tried adding the <style></style> but it says that there is a syntax error in line one.

Any help would be appreciated! Thank you!

Can you share your website URL?

Most likely you have added un-tagged CSS code to your Header Code Injection.

20 minutes ago, tkahle said:

Hi all!

*preface* I am NOT coding literate and I am brand new to trying to create a website. 

I inserted some code into my CSS but now it is showing up in my header on my mobile set when you go to "shop" I made sure it was deleted from my code injection but I am struggling. I tried adding the <style></style> but it says that there is a syntax error in line one.

Any help would be appreciated! Thank you!

Can you share your URL so I can check it? where are  you putting the CSS code

https://www.ksthesauce.com/

Here it is!

Just now, tkahle said:

https://www.ksthesauce.com/

Here it is!

On the Store page, go into the page settings and go to Header Code injection. If you are adding style code here, then you need to wrap it in <style> tags like this so your browser knows that it is CSS and not HTML:

<style>

.header-display-desktop {
    display: flex !important;
}
.header-display-mobile {
    display: none;
}
.header-burger {
    display: none;
}
.header-nav {
    display: flex !important;
}
.header-nav {
    display: flex !important;
    flex: 70% !important;
    justify-content: flex-end;
}
.header-actions.header-actions--right, .header-actions.header-actions--right div {
    display: flex !important;
    position: relative;
    left: -30px;
}}

</style>

That got rid of the text but now it looks like this! 

28 minutes ago, tkahle said:

That got rid of the text but now it looks like this! 

Maybe just try removing all of the style code from the header code injection. It wasn't working before, and now it is, it isn't doing anything you want, is it?

I took out all the codes but now on the mobile site, the shop button doesnt show up. 

13 hours ago, tkahle said:

I took out all the codes but now on the mobile site, the shop button doesnt show up. 

I don't really know what you are trying to do with that code, maybe show the desktop elements on mobile? I was just helping with the issue of text showing up. If you can expand on what you are wanting to achieve with code, I may be able to help with that as well.