Jump to content

Mobile view different from desktop view (v7.0)

Recommended Posts

Hi hi everyone!

I've tried to do this on my own but from what I've googled, this might require some custom CSS.

I have a two-column layout on desktop view.

On mobile view, one of the sections are stacked wrongly.

 

This is the correct desktop view:

SCR-20230707-rhmk.thumb.png.b44449ddb3c9bbf73837e724d0825383.png

 

The bad mobile view:

SCR-20230707-rhsp.thumb.png.c9906c301d03642162a7787f14f6ea89.png

 

The rest of the page stacks correctly except for the "20-min zoom" section.

I've tried to edit or move blocks around but nothing helps.

 

(And on a side note, v7.0 seems to be increasingly buggy.)

SCR-20230707-rhsp.png

Link to comment
3 hours ago, tuanphan said:

You need to recreate a layout a bit, then everything will be fine without using code

When you add text, please add a Line Block here

image.thumb.png.b4ab6daca5e6b6a83ca97fbc7cf97a58.png

Then save page > Then edit page > then remove Line Block

 

Hi @tuanphan, thank you for replying, you're extremely helpful around the forums!

Hmmm do I add the line block to the existing layout now, save, and then edit/remove the line block? or recreate the layout first—and can you clarify what you mean? Which part of the layout do I recreate, the two affected sections? Do I delete them and make them again or simply edit the existing text and save?

Link to comment
19 hours ago, vurt said:

Hi @tuanphan, thank you for replying, you're extremely helpful around the forums!

Hmmm do I add the line block to the existing layout now, save, and then edit/remove the line block? or recreate the layout first—and can you clarify what you mean? Which part of the layout do I recreate, the two affected sections? Do I delete them and make them again or simply edit the existing text and save?

You won't be able to add a line block to that location (you can try, you'll see). But if you do that, then the problem will be solved.

You can drag and drop elements to add line blocks to them.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.