Jump to content

Mojave template - Mobile view is out of proportion. Pictures and texts are weird

Recommended Posts

Website: https://www.rankamedia.com/

The Mojave template does a beautiful job on a computer screen but when it comes to mobile everything is cramped. Is there a a way to make the mobile site look like the desktop site?

Desktop View:

image.thumb.png.3ccc96df6fc24fdd3493a2474d07a63c.png

Another screenshot:

image.thumb.png.fa96559a8b2dd24a6f1e9e532cf90267.png

 

Mobile View:

image.thumb.png.a350a48da331a430cb98c608a7b08fc8.pngimage.thumb.png.d6a00156c853ea5879a63a9398f9d587.png

 

Everything is so cramped. Is there a way to make the texts smaller and create a bigger margin for the mobile page so that it looks like the desktop view?

 

Edited by rankamedia
Link to comment
  • Replies 1
  • Views 96
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

7 hours ago, rankamedia said:

Everything is so cramped. Is there a way to make the texts smaller and create a bigger margin for the mobile page so that it looks like the desktop view?

You can do this manually with Custom CSS, but in trying to mimic the desktop site you risk making the website content too small to read on mobile.

This would be a start, there are loads of resources on the forum and elsewhere online that cover everything else you might need.

@media only screen and (max-width:640px) {
  p {
    font-size:10px;
  }
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.