-
Hello,
Can you help me check if it has some layout and gap issues on mobile device? It looks wired on my iPhone Google Browser.
If it also remains on your side, how to resolve it?
Screenshot link: https://postimg.cc/gallery/jwy47GL
Thank you in advance.
-
Hi Xiyang,
The culprit is the OnlyAboutChina text in the site footer. Its width exceeded the screen width.
Try reducing its font-size on mobile.
-
Hello Ying,
The right side’s gap on every page, do they look wired on your mobile device? The left is okay but the right side has more gap space compared with the left on my end.
By the way, Can I align the footer menu to the center? I tried to use flex and set left and right margin as auto. Both didn’t work.
Screenshot: https://postimg.cc/wtdY0hVz
-
The left is okay but the right side has more gap space compared with the left on my end.
Have you tried my solution? I still seeing big font size for the only about china text in the site footer.
For the align issue,
1. select the 2nd Grid block, set width to 100% on mobile.
2. select the contact button, set margin-right to 0. -
Yes Ying,
I’ve tried. Actually, I edited it again this morning when I woke up. However, I don’t know why the change hasn’t been processed even though I’ve cleared the cache. Both Chrome and Safari had the same issue. I am 100% sure that I saved the site footer element after I made the change.
By the way, I want to ask how to move the container of the privacy policy and contact these two buttons to the right end of the container on desktop device, same as the “current year” button stick to the left end. I’ve tried flex-justify, but it didn’t work.
Screenshot: https://postimg.cc/PvmZjM2m
Thank you in advance!
-
Hi there,
By the way, I want to ask how to move the container of the privacy policy and contact these two buttons to the right end of the container on desktop device
Select the parent container of the privacy policy and contact items, then under block settings set the Grid Item Width to 50%. Next, go to Layout > Display and set it to Flex, then adjust Justify Content to flex-end.
-
Hello Alvind,
It worked! But the issue mentioned above about the layout and and site footer menu is still positioned incorrectly om mobile devices. I’ve clicked the save and specifically edited it for mobile devices, why nothing has changed…?
Screenshot: https://postimg.cc/gallery/WjvL14H
-
It looks like a cache issue, try deactivating your cache plugin completely to confirm that is the case.
-
Hello Alvind,
Worked! Lifesaver, undoubtful, truly amazing support!
Thank you so much!
-
You’re welcome!
- You must be logged in to reply to this topic.