Comment code showing on web pages

Solved
Lazars
Visitor
2 0 1

I have code showing at the top of my website and I'm having trouble removing it. I have found the code snippet within theme.liquid but deleting that section cuts off part of my logo as pictured below. How can I remove it without cutting off the top of my web page?

 

 

Screenshot with comment.pngScreenshot deleted comment.png

Accepted Solution (1)
NadiaAnthony
Shopify Partner
74 11 13

This is an accepted solution.

In the WYSIWYG Editor, resize the logo to 105px wide. If that's not what you're looking for, navigate to Online Store > Themes > "..." > Edit Code. Find the Asset file titled either "rt.style.scss" or "rt.global.scss" and click to open. Scroll all the way down to the bottom till there is no more code left. Make a new line break and then add: 

#header_nav {
   padding-top: 48px;
}

You may beed to add !important, so it would be... 

#header_nav {
   padding-top: 48px !important;
}
I help brands bridge the gap between complicated code and clear communication.

View solution in original post

Replies 2 (2)
NadiaAnthony
Shopify Partner
74 11 13

This is an accepted solution.

In the WYSIWYG Editor, resize the logo to 105px wide. If that's not what you're looking for, navigate to Online Store > Themes > "..." > Edit Code. Find the Asset file titled either "rt.style.scss" or "rt.global.scss" and click to open. Scroll all the way down to the bottom till there is no more code left. Make a new line break and then add: 

#header_nav {
   padding-top: 48px;
}

You may beed to add !important, so it would be... 

#header_nav {
   padding-top: 48px !important;
}
I help brands bridge the gap between complicated code and clear communication.
Lazars
Visitor
2 0 1

Resizing the logo worked, thanks for your help!