How can I fix the footer issue on mobile view?

Store Design
, , ,
1

Hello everybody,

I’ve been having a issue with the website footer (mobile view).In Mobile View, the footer text way at the bottom of the page is totally flush to the left. I’ve tried so many times, edited with so many codes, and I still can’t centralize it and remove the spacing. I’m going to provide a screenshot below.

If anyone can help I will really appreciate it.

BBA4A154-0312-4A3D-A461-09943AEB9625.jpeg
BBA4A154-0312-4A3D-A461-09943AEB9625.jpeg828×1295 32.4 KB

2

Hi Aliceinclothing,

Use the media query CSS and make sure you are applying to right class of footer menu. Also, Don’t look into theme settings first. There might be option for that.

3

Hello @aliceinclothing

Can you give me your Store URL so I can check it for you?

Kind & Best regards,
GemPages Support Team

4

Yes! Thank you so much.

This is my url: https://aliceinclothingland.com/

pass: hello1998

5

Hello,

The footer is not the only issue, there are sever other issues which I have detected in the website. However if you want you can reach me on raunyt.vbm@gmail.com and I can fix it for you right away.

Would be glad to help.

Thank you!

6

Hello @aliceinclothing

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1670034899327.png
GemPages_0-1670034899327.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1670034922306.png
GemPages_1-1670034922306.png1201×859 36 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

7

It worked! Thank you so much :slightly_smiling_face:

8

Hello @aliceinclothing

It’s my pleasure to help.

Kind & Best regards,
GemPages Support Team