Jump to content

CSS to make site more mobile friendly

Recommended Posts

Site URL: https://dreamavenuestudio.com/

I saw a few posts on this forum on "How to Disable Mobile View On SquareSpace 7.1". I did not find a solution, such as a button that would disable the mobile view completely. However, there is a way to make it look prettier with CSS. I don't know anything about CSS, but I thought someone might help me with this. Here is my website: https://dreamavenuestudio.com/

 

I am trying to make the following changes to my homepage:

- Make the hero image/banner (with the "It's Time to Start Dreaming Again" text on top) look like the desktop version. Right now, it's cropped, and there is no symmetry. 

- Make the image behind the "Limited Edition" scrolling appear larger. On the desktop version, the image is big, and the text looks beautiful next to it. On the mobile version, the image is very small, and there is huge padding on the top and bottom. Also, the text "Shop our new, limited collection of minimalist designs" should be above the "SHOP" button, whereas right now it's under the button. 

- Make the text in the footer smaller, right now it does not fit on one line, so the "Dream Avenue Studio" is above "Privacy Policy, Terms &, etc..." I would like them all to be fitted into one line. 

 

I would appreciate any help!

Link to comment
  • Replies 0
  • Views 225
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

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.