I am making a new design for our website with a staging site (thus not reachable). I have a header in the FSE fotball theme, but it keeps stacking although I feel like there is plenty of space. I have tried to widen all possible columns or menus, change font, change distance between the topics, put of the wrap to multiple lines option but it will just change but still stacked.

Thanks!

I am making a new design for our website with a staging site (thus not reachable). I have a header in the FSE fotball theme, but it keeps stacking although I feel like there is plenty of space. I have tried to widen all possible columns or menus, change font, change distance between the topics, put of the wrap to multiple lines option but it will just change but still stacked.

Thanks!

Can you help me figure out how to make the blocks stack on mobile after redirecting?

It also looks good on iPad min (768) and Mobile (390) because the columns stack .

However at iPad Pro (1024) it doesn’t stack, rather tries to fit like a desktop and as s result doesn’t look very good.

Is there a way (perhaps CSS) that I can force these columns to stack at 1024 for the block only?

I have created a simple WordPress website using Astra theme. I am finding that the footer menu isn’t behaving as I would like on mobile.

For some reason the footer menu does not appear to be centred within the mobile view. I can ‘hack’ this by specifying specific paddings, but this seems like the wrong way to do this given variation in mobile widths.

More importantly, I would like to have the menu items stack in the footer, but as you can see T&Cs and PP remain on the same line.

How could I rectify this so create a centred, and stacked, list of footer items when viewed on mobile?

Thanks!

Sorry for inundating you with all my design struggles!

I’ve build a new static home page and while it looks perfect on desktop, it’s not showing how I would like on mobile.

I would like for the titles to appear below my featured images for the posts listed under “The Latest” and “Must-Reads.”

Thanks in advance as always!

Best,

Michelle

Is there any way to choose the stacking order when having multiple popups?

I don’t know how to unstack rows on mobile format.
Setting the responsive width change nothing.
On Gutenberg standard rows block, there is an option to stack or not rows on mobile. But there is no such an option on Greenshift rows.

What did i miss ?

Thanks

I am looking for CSS help stacking the GB Gallery block on mobile to one column.

I am aware of this post (thanks @jorgefilipecosta !). However, unfortunately none of the code appears to be functional with current GB. It simply produces no result.

I have tried calling <.wp-block-gallery-10> as that appears to be the (new?) identifier for the Gallery but this too has produced zero result.

Would be great to see the built-in option to have the Gallery stack images on mobile, especially given that the images are linked and that this hyperlinking is useless when they shrink down to millimetres in size. The images need to be (a) big enough to properly view on mobile and (b) big enough to touch and thus act as a call 2 action. Stacking to one column is expected web behaviour in 2022. Having images shrink to the point of becoming difficult to perceive or interact with is not.