All things Shopify and commerce
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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?
Solved! Go to the solution
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;
}
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;
}
Resizing the logo worked, thanks for your help!