Jump to content

Displaying one section as desktop view?

Recommended Posts

Hi, My name is Rannyn and I am struggling with a peculiar problem. Due to the nature of the mobile version of my website my "Resume" Page looks askew. (this is because for ease of use and editing I made the section have three text blocks that need to be parallel to each other) when the mobile version opens up this page it bumps the three blocks on top of each other instead of side to side. The problem is that if I try to edit the size of the font to allow for three columns like I have in the desktop version it alters the desktop version and is way too small to read. I have tried looking up a solution to this problem, but cannot find anything related to it. So there are a couple of ways in which I think this problem could be resolved, but I do not know how to do any of them.
1. I believe the best looking and most preferable way to solve this problem is to have just that one specific block be forcibly viewed as the desktop version. I.E. when someone viewing the site pulls it up on their phone that block is coded to look like the desktop version always
2. A similar but possibly more doable solution could be to edit the whole "Resume" page to always use the desktop view but this wouldn't look quite as good
Let me know if I'm missing something simple or if either of these is possible please.
 
My Website is RannynStephens.com and here are some examples of what im talking about linked below. The first is an image of the desktop version, and the second is and image of the problematic mobile version
 
 
 

Screenshot 2023-02-18 144309.png

Screenshot 2023-02-18 144346.png

Link to comment
  • Replies 3
  • Views 353
  • Created
  • Last Reply

Top Posters In This Topic

  • 3 weeks later...

What I would like to do (I think) is to make a page that is different on the mobile page than the desktop one. Basically keep the website page the same and just show a different page altogether on the mobile app. One that I can make for it specifically.

Link to comment
On 3/11/2023 at 12:53 AM, rannyn01 said:

What I would like to do (I think) is to make a page that is different on the mobile page than the desktop one. Basically keep the website page the same and just show a different page altogether on the mobile app. One that I can make for it specifically.

You can add one more section under, with different design, we can give code to show this on mobile, show current section on desktop only

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.