Jump to content

How to stack whole page to look like on mobile for tablet?

Recommended Posts

Site URL: https://alligator-wolf-pb86.squarespace.com/luft-vann

Hello! I am helping working on my fathers website and I can notice that this page https://alligator-wolf-pb86.squarespace.com/luft-vann (pass: 123)  looks really bad on tablet, but on mobile it looks pretty good. How can I force all the content on the page to be stacked like on mobile? Or if this is possible at all?

 

image.thumb.png.46428f2e286626afdef2c6226c94e492.pngimage.png.9ede9144082006c2ddb042855efe8545.png

Edited by NasteX
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 1 month later...
On 7/19/2020 at 1:34 AM, NasteX said:

Yes, I am on 7.0 and using the Brine template. And yes it has the mobile breakpoint, but it works only for the navigation. 

Add to Home > Design > Custom CSS

@media screen and (min-width:641px) and (max-width:900px) {
body#collection-5f130f6940592a387183a861 .Main-content * {
    width: 100%;
}
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.