[Resolved] Mobile-friendly page

Home Forums Support Mobile-friendly page

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1497645
    Timea

    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!

    #1497707
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1497717
    Timea

    Hello,

    Many thanks for your response. Please see the info below.
    The block with the background image is the one on the Homepage.

    #1497767
    Elvin
    Staff
    Customer Support

    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

    A wise man once said:
    "Have you cleared your cache?"

    #1498324
    Timea

    Thank you very much for your response, I just changed the dimensions as you suggested, and looks good on mobile too! Many thanks πŸ™‚

    #1498883
    Elvin
    Staff
    Customer Support

    Nice one. No problem. πŸ™‚

    A wise man once said:
    "Have you cleared your cache?"

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.