Shopify themes, liquid, logos, and UX
Hello!
I am trying to remove the white gap between my Newsletter and my Footer in Debut Theme.
It should remove this gap:
It looks like this on Mobile:
The white Gap you can see between the Newsletter to Produkte should be in the same background colour of the Footer and the Newsletter.
I am trying to achieve this on Desktop Version and also on Mobile Version.
Preview Link of Shopify Store: https://lokkc3cyfsmabcav-55346790574.shopifypreview.com/
I hope someone can help me with this.
Thanks in advance!
Berkan
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
@media only screen and (max-width: 749px) {
.site-footer {
margin-top: 20px;
padding: 0px;
}
}
hello @Berkan1
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 768px){
.site-footer.critical-hidden{
margin-top: 0px;
padding: 0px ;
}
}
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.css file.
@media only screen and (max-width: 749px) {
.site-footer {
margin-top: 20px;
padding: 0px;
}
}
Thank you!
Is it possible to add this to all the other pages aswell?
Please add the following code at the bottom of your assets/theme.css file.
@media only screen and (max-width: 749px){
.site-footer.critical-hidden {
padding: 0!important;
margin-top: 0px!important;
}
#shopify-section-newsletter.index-section {
padding-bottom: 0px !important;
}
}
User | RANK |
---|---|
128 | |
95 | |
77 | |
70 | |
39 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022