All things Shopify and commerce
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!
User | RANK |
---|---|
52 | |
46 | |
40 | |
28 | |
21 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023