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
@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
our css was not meant to change alignment but add this code too and check
@media screen and (max-width:749px){. site-footer__item-inner {margin:0
auto;} }
Unfortunately @suyash1 that did not resolve the issue with the footer menus not being centered.
Appreciate the help though!
M
actually our code should not change the alignment, our code was to remove
space, this is very wierd
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;
}
}
great that you found the code.
