• RE:
    Screen grab: https://www.hardy.global/biggap.jpg

    My desktop version is good.
    My mobile version has an enormous gap between For Sale/Feature block and the block beneath…
    A + B (see https://www.hardy.global/biggap.jpg).

    The nearest thing that works is to give block A (For Sale/Feature block) a margin bottom of -96% (minus 96 percent).

    This works on some mobile devices but on some block B is too high (it disappears underneath block A).

    Any help would be greatly appreciated

    • This topic was modified 2 years, 4 months ago by James Huff. Reason: redundant link removed

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • I’ve checked on multiple mobile devices, but I don’t see the “enormous gap” you mentioned.

    So I’m supposing you’ve fixed this already (or at least taken a different direction).

    Thread Starter Garry Rigby

    (@indigojones66)

    Hi George, Problem is, its seems to be different on different smart phones?
    https://www.hardy.global/mobiles.jpg.
    i am using a mobile simulator plugin for firefox and chrome.
    Regards

    Have you added other custom css styles to Block A? What happens if you delete that block and replace with a new row?

    The responsiveness on different screen sizes should really be handled by the theme. What does the theme author say? https://cpothemes.com/support

    Thread Starter Garry Rigby

    (@indigojones66)

    Hi, I am speaking to my theme developer now.
    Thanks so much for your attention.
    Have a nice 1

    Thread Starter Garry Rigby

    (@indigojones66)

    RE: https://heritagecountrypottery.com ~ mobile devices.
    hi, I spoke to my theme developers and they said…
    We asked one of our devs to take a closer look and there is nothing in the CSS of the theme to intervene. The issue is coming from WooCommerce.
    Please try with another theme to see if you still encounter issues.
    I just cannot understand why it looks different on different phones?
    https://www.hardy.global/mobiles.jpg

    Try disabling WooCommerce, clear all caches and check the issue. If the issue remains, try activating the Twenty-Twenty WordPress theme, clear all caches and check the issue.
    If the issue still remains, try disabling all plugins, leave the Twenty-Twenty WordPress theme activated, clear all caches and check the issue.
    This should help you to identify which plugin/theme is causing the issue.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Gutenberg Blocks + Media Queries’ is closed to new replies.