Shopify themes, liquid, logos, and UX
Hey There,
I would like help in trying to remove the small white gap that appears between the last section and the footer. This gap is only visible on the mobile version not the desktop version.
I've tried various code fixes but none seem to do the trick. Any suggestions appreciated.
URL: funkypot.co.nz
password: poTheaD66!
Cheers,
M
Solved! Go to the solution
This is an accepted solution.
@funkypot - add follwoing css to the end of your theme.css file, if any issues you can contact me on my given email
@media screen and (max-width:749px){
.index-section--flush:last-child {margin-bottom: -60px;}
}
This is an accepted solution.
Hi,
Its margin issue,
change it to -55px to marked style in screenshot
This is an accepted solution.
All good I found a fix with this code:
@_media only screen and (max-width: 749px) {
.site-footer__content {
text-align: center;
}
.site-footer__item {
justify-content: center;
}
}
This is an accepted solution.
@funkypot - add follwoing css to the end of your theme.css file, if any issues you can contact me on my given email
@media screen and (max-width:749px){
.index-section--flush:last-child {margin-bottom: -60px;}
}
Awesome @suyash1 thanks for the quick response. That resolved the white gap issue.
The only thing it changed was it did not keep the Menu Options centered on the footer. How would I center these and still retain everything else?
Cheers,
M
Unfortunately @suyash1 that did not resolve the issue with the footer menus not being centered.
Appreciate the help though!
M
This is an accepted solution.
All good I found a fix with this code:
@_media only screen and (max-width: 749px) {
.site-footer__content {
text-align: center;
}
.site-footer__item {
justify-content: center;
}
}
This is an accepted solution.
Hi,
Its margin issue,
change it to -55px to marked style in screenshot
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024