Dawn theme | Footer | Need help in making the footer responsive for tablet and mobile

Store Design
, , ,
1

Hi there!

Need help in making our store’s footer responsive for tablet and Mobile.

I’m having a hard time figuring out what class or property to adjust. Desktop is ok for now.

tablet: the text seems awkward

parallelism23_0-1693491728576.png
parallelism23_0-1693491728576.png615×767 54.9 KB

mobile: footer has this White gap and the content placing is off

parallelism23_1-1693491778583.png
parallelism23_1-1693491778583.png343×743 29.9 KB

Any help would be appreciated.

store:

https://fertile-ground.co/

pass: seogle_1

2

Hi @parallelism23

This is Mike from Omega

If you want to change mobile like this, you can try my solution

MikeOmega_0-1693552514826.png
MikeOmega_0-1693552514826.png444×536 18.7 KB

  1. Open Theme → Edit code

  2. Open base.css or theme.css and paste this code to the bottom of file

@media screen and (max-width: 749px) {
.footer__content-top {
    padding-left: 0 !important;
    padding-right: 10rem !important;
}
}

Hope my answer will help you

Mike from Omega

3

Thanks Mike!

Can I use this for tablet as well?

4

Yes, you can