How to clean up custom block layouts and fix mobile responsiveness for service l

  • Unknown's avatar
    bushranexstair · Member ·

    Hi everyone,

    I’m currently working on polishing a service page layout on a client’s site (https://igotucorp.com/) using the default WordPress block editor (Gutenberg) alongside a custom child theme.

    On desktop, the columns and content blocks align fine, but when switching to mobile view, the CTA buttons and service highlight cards stack in a weird order and leave huge vertical spacing.

    Has anyone dealt with grid/column stacking issues in standard blocks on mobile? Should I override this with custom CSS (@media queries for flex order), or is there a lightweight plugin/block pattern recommended for keeping landing page layouts clean on mobile devices?

    Thanks in advance for any insights!

  • Unknown's avatar
    benitoalba · Member ·

    Hi, igotucorp.com is a self-hosted WordPress site, you’ll get the most relevant help in the WordPress.org support forums.

Log in or create an account to reply