How to hide source code showing on live website?

[joshfuwhite]

Hi everyone!

I edited the source code in order to change just the header colour for my shop on the Debut theme, however the source code is showing down the bottom of my live page now… which is less than ideal.

If anyone has a solution it would be much appreciated!

Thank you!

(Pic for reference.)

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Guleria]

Hello @joshfuwhite ,

Move your code in css file under Assets.
or
Wrap this css with Your css code will be inside these tags

Thanks

[joshfuwhite]

Hey Guleria,

Thank you so much for your reply! You’ll have to excuse me - I’m not a very experienced programmer…

Would you be able to provide an example of how I could wrap the css with ?

The code I am using is as follows:

header.site-header {
background-color: #061450;
}

.site-header__mobile-nav {
background-color: #061450 !important;
}

Thank you so much!

[joshfuwhite]

Hey Guleria,

Thank you very much for the suggestion, but unfortunately the wrap didn’t work :((

As seen in pictures below, text still appears and some of the header colour disappears

Hope you can help!