Zainab Makrani

I don’t see a contact form either, might be worth checking if that block is set to display or got swapped out.
Astra just handles the theme shell, the actual title placement comes from whatever block is holding it in your pattern, most likely a Cover block or Group block.

This may be caused by a fixed height on that block.

1. Click directly on the block that contains your title (the one wrapping it, probably Cover or Group)
2. In the right hand settings panel, look for Dimensions
3. Check the Min height setting, if it’s a fixed pixel value like 500px, that’s likely the cause

A fixed height like that doesn’t adjust well across screen sizes. At tablet width specifically, the padding and title text may end up competing for space in a box that was really only tuned for desktop and mobile, tablet tends to get missed since most people only test the two extremes.

If that’s what you find, here’s the fix.

1. Select the block again and go back to Dimensions
2. Either increase the min height slightly or switch it to a more flexible unit
3. Save, then use the Preview dropdown at the top of the editor (there’s a tablet icon) to check tablet view directly, no need for an actual tablet

If the height turns out fine, this may instead be a vertical alignment setting inside that same block (top, center, bottom), which can behave unexpectedly at tablet width since the editor’s tablet breakpoint sits at 781px, narrower than most people assume.

Check: https://wordpress.org/documentation/article/cover-block/, see the Dimensions section for how min height and alignment interact across screen sizes.

@natheritage24,

I ran into something similar while building a WooCommerce store recently, so hopefully this helps.

The number of product categories shown per row usually is not controlled by the WooCommerce Customizer settings, it is controlled by your theme’s CSS grid or column settings, which is why fiddling with the Customizer options did not change anything for you.

Here’s what I would check, in order.

1. Check if your theme has a “columns” setting.

Some themes control the shop grid separately from WooCommerce’s own settings. Look in Appearance, Customize, and search for anything related to “Shop” or “Product Grid.”

2. Check the actual shortcode or block settings.

If you are displaying categories using the Product Categories block or a shortcode like [product_categories], there is usually a “columns” number set directly in that block’s settings panel, and it often does not automatically shrink for mobile on its own.

3. This is likely a CSS/responsive issue, not a settings issue.

Most themes set a fixed number of columns using CSS grid or flexbox, and that number does not always change automatically for smaller screens unless the theme specifically includes a mobile breakpoint for it. This is very common, and is not something WooCommerce itself controls.

There’s also a resolved thread here with some working CSS snippets for adjusting category/product columns on mobile, might be worth a look depending on which block or shortcode you’re using https://wordpress.org/support/topic/display-2-columns-on-mobile-for-product-collection-block-on-homepage/