Shopify themes, liquid, logos, and UX
Hey all,
Below I have attached an image of where I want to remove some padding, currently on my home page I have a little white section between the header and featured collection, I want to remove this so the header and featured collection pretty much have no area between them.
Thanks!
My website is RareSupply.co if you need it!
Solved! Go to the solution
This is an accepted solution.
Please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
#shopify-section-template--14194862161981__featured_products.spaced-section {
margin-top: 0rem !important;
}
Thanks!
This is an accepted solution.
Please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 990px){
.header {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
position: fixed !important;
width: 100% !important;
z-index: 100 !important;
background: #fff !important;
}
#MainContent{margin-top: 5rem;}
}
@media screen and (max-width: 989px) {
.header {
position: fixed !important;
width: 100% !important;
z-index: 100 !important;
background: #fff !important;
}
#MainContent{margin-top: 5rem;}
}
Thanks!
This is an accepted solution.
This is code customization work .
If helpful then please Like Solution
sorry for that issue can you please share us store url
This is an accepted solution.
Please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
#shopify-section-template--14194862161981__featured_products.spaced-section {
margin-top: 0rem !important;
}
Thanks!
Thank you very much!
Are you also able to tell me how to make the heading sticky permanently?
Please share screenshot what do you want!
I want my header to stay at the top of the webpage permanently and not disappear when I scroll.
This is an accepted solution.
Please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 990px){
.header {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
position: fixed !important;
width: 100% !important;
z-index: 100 !important;
background: #fff !important;
}
#MainContent{margin-top: 5rem;}
}
@media screen and (max-width: 989px) {
.header {
position: fixed !important;
width: 100% !important;
z-index: 100 !important;
background: #fff !important;
}
#MainContent{margin-top: 5rem;}
}
Thanks!
Thank you so much!
Now lastly is there a code that I can use to hide the product price once it’s sold out?
This is an accepted solution.
This is code customization work .
If helpful then please Like Solution
User | RANK |
---|---|
157 | |
137 | |
74 | |
70 | |
62 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023