Row height on desktop vs mobile (and some other questions)

[billykioso]

Re: "use browser height for min-height of row" for desktop but not for mobile (without magnetic slides addon)

Hello, I'm struggling with some of these issues..

I've finished a website https://holymountain.co.uk/how-to-burn-a-million-quid/ and am working on the phone version.

There are a few things I can't resolve (and maybe they can't be resolved..) but if anyone has any tips it would be a great help!

1. I am using a cover for the desktop version, which is disabled on phone. A captioned Vimeo video is centred with a small text 'floating' on the right. This content stacks on the phone version and pushes the video player up, so it's no longer centered (it centers fine on other pages which don't have that extra text, so I can always remove that text... but is there a way round this?)

On desktop:

and on phone:

2. When I click the cover on desktop, the page slides to this, with 3 text boxes appearing in a certain order
   

But on the phone the text boxes get stacked (which is fine) and appear in a different order (which is not fine). Is there a way to control the order in which they stack on the phone?

3. And finally, the large empty spaces which appear on the phone... I used the code mentioned in this thread, but it doesn't seem to change anything.

If anyone has any tips about any of these issues, it would be great!

[Richard]

Dear @billykioso

Q1: Is the Video centered correctly now?

Regarding Questions 2 & 3 could you please take some screenshots of these layouts in the Gridder - Desktop & Mobile?

---

Best wishes and talk soon 🌝

Richard

[billykioso]

This post is deleted!

[billykioso]

This post is deleted!

[billykioso]

@Richard sorry for the delay in responding. I mistakenly started two new threads instead of replying to your message... I'll delete them both and respond here.

I'm attaching a screenshot from the Gridder showing the position of the text boxes which displays wrong on the mobile version.

The text box on the top in the Gridder appears bottom in the mobile version. And the text box on the bottom of the Gridder appears top in the mobile version.

What seems to be happening is that the mobile version takes the text box which is further to the left in the Gridder and places it top in the mobile version.

Whereas I need items to appear in the top-to-bottom order.

Perhaps this is not possible?

[billykioso]

@billykioso any news on this? Maybe it's not possible to get text appearing the right way unless each box has the same width?

[billykioso]

@Richard, did you get a chance to ready my reply?

[Richard]

Dear @billykioso

Have sent you a message via 'Chats'

---

Best wishes

Richard