Archived topic
Mobile-friendly page
5 replies · Started by Timea on October 20, 2020
Hello,
I'm not sure if my question is theme related or WordPress, apologies in advance.
I've got a block that has a picture as a background image. It looks weird on mobile devices.
Is there a way I can customize it only for mobile? Do I need a plugin?
Thank you!
Hi,
Can you link us to the site in question so we could take a closer look?
You can add the site URL on the Private Information textarea. Thank you.
Hello,
Many thanks for your response. Please see the info below.
The block with the background image is the one on the Homepage.
I've inspected the block and found this:
margin: -50px -10px 5px;
I see that you're using GenerateBlocks. This spacing setting is causing issues on mobile.
I believe you've set this on Desktop but is being cascaded to the mobile viewport.
To prevent this from being applied on mobile, you must also set the margin-top to 0 for the container block's Mobile Tab as shown here: https://share.getcloudapp.com/JrugGvE9
Thank you very much for your response, I just changed the dimensions as you suggested, and looks good on mobile too! Many thanks :)
Nice one. No problem. :)
