[Resolved] Columns break point

Home Forums Support [Resolved] Columns break point

Home Forums Support Columns break point

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2241860
    Scott

    Hi

    I’m having an issue with columns on mobile.

    The columns are switching to stacking vertically in the Customizer in mobile view (which is what I want them to do).
    But on my mobile, the columns are still displaying side by side and look squished.

    You can see the issue if you plug the URL into https://ready.mobi/.

    Thanks

    #2241980
    Fernando
    Customer Support

    Hi Scott,

    Tried viewing the site on two devices, and on mobiReady.

    May we know which specific section we should look at? Is it this for instance?: https://share.getcloudapp.com/4gur5NEB

    If so, it’s using WP Columns Block which has no modification settings for responsiveness.

    You can use custom CSS to alter it. Here’s a CSS you may try adding in Appearance > Customize > Additional CSS:

    @media (max-width: 768px) {
        .wp-block-columns {
            flex-direction: column;
        }
    }

    This would force all WP columns blocks stack vertically on mobile on all pages of your site.

    Alternatively, if you use GenerateBlocks, you may also use that which would allow you to easily control your columns in different views: https://share.getcloudapp.com/04uQr6wO

    https://docs.generateblocks.com/article/grid-overview/

    Hope this helps!

    #2242008
    Scott

    Thanks Fernando

    #2242016
    Fernando
    Customer Support

    You’re welcome Scott!

    #2242019
    Naghma

    I m notable to see advance typography option please help h

    #2242055
    Fernando
    Customer Support

    Hi Naghma,

    Noted. I’ll reply in the other thread. 🙂

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