Columns break point

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!

Thanks Fernando

You’re welcome Scott!

I m notable to see advance typography option please help h

Hi Naghma,

Noted. I’ll reply in the other thread. :)