Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
Shaunakg

My website looks good on desktop but is too wide on Mobile

Recommended Posts

Posted (edited)

My website: https://thrustinteractive.squarespace.com

This sire looks good and has the appropriate white space on the sides of content on desktop, however when I look at the site in a mobile view elements are bunched together and the spacer blocks are lost.

I am using the Brine template, is there any way to add code or have the spacer blocks that keep my site clean show up on mobile. It is keeping my website from being responsive and looking as good on mobile as it does on desktop.

Thank you for your help!

Edited by Shaunakg
Initial Revision

Share this post


Link to post
Posted (edited)

@Shaunakg Add to Home > Design > Custom CSS


@media screen and (max-width:640px) {
html {
       overflow-x: hidden;
   }
   main {
       padding-left: 10px;
       padding-right: 10px;
   }
}


Edited by tuanphan
Initial Revision

Share this post


Link to post

I really appreciate this! However this also resizes the display on web. I am looking for something that keeps my site on desktop the way it is, but gives displays the spacer blocks, or allows me to increase side padding on mobile only.

Would you know code for this?

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...