Browser height for row height on Desktop version, hiding content on Mobile version

[m_scsantiago]

Hi,

I am having some conflicts between layout implementation on Desktop and Mobile versions of the homepage for this website. (www.katharinadubbick.com)

On the Desktop version, the row that follows the video, the thumbnail row, uses browser height for row height. So that the thumbnails sit on a section of their own, with plenty of white space around.

However, this seems to make the mobile view of this page crop the content.
I have tried to remove the BHFRH setting for that row, and in that case the mobile version does allow you to scroll through all stacked thumbnails.

Is there a way to keep the layout as it is on Desktop version, using BHFRH, but have the Mobile version responsively stack and make visible all thumbnails and content until the bottom of page?

Please help! Thanks in advance,
M

[m_scsantiago]

Adding a couple of screen grabs for both Desktop and Mobile view.

[mariusjopen]

Dear @m_scsantiago
did you have a look into the mobile page layouts?

Best!

Marius

[m_scsantiago]

Hi Marius,

Thank you for your response.
I have made sure I updated to the latest Laytheme version.
But even so, I don't seem to have alternative layout views on Gridder,
It seems those buttons usually sit on the top right corner of the Gridder, correct?

Attaching a screen grab of what is active and visible.
Could you clarify how can I activate the alternative layout buttons?

Thank you,
M

[mariusjopen]

Dear @m_scsantiago
you can display those buttons when you activate the mobile layout in the LayOptions.

Best!

Marius

[m_scsantiago]

Thank you @mariusjopen !
It works, how amazing.

[mariusjopen]

Dear @m_scsantiago
Perfect! Glad to hear!
Many wishes!
Marius