Jump to content

Desktop and Mobile Differences

Recommended Posts

Site URL: https://elliotcoulterphotography.com/

Hi there, 

I have been searching the square space forum, and I couldn't find a solution to my issue, and I was wondering if anyone could help me at all?

I have a slideshow at the top of my website (elliotcoulterphotography.com) of a few different images, but when it comes to viewing it on mobile, those images become incredibly cropped and unusable. I have seen a post where people use one header video for web, and another for mobile, and I was wondering if that could apply to the slideshow on my home page; one slideshow for web, and one for mobile?

I have also been having trouble with the way the mobile variant of my site structures my site, and wondered if anyone would be able to help me with that at all?

 

Thanks a million in advance,

 

Elliot

Screen Shot 2020-09-29 at 10.17.50.png

IMG_6337.PNG

Screen Shot 2020-09-29 at 10.17.58.png

IMG_6338.PNG

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Add to Home > Design > Custom CSS

/* resize mobile slide */
@media screen and (max-width:767px) {
.homepage .gallery-fullscreen-slideshow[data-width="full-bleed"] {
    height: 30vh !important;
}
}

 

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

Thank you very much @tuanphan, that has seemed to work, but the other elements of my mobile site are now out of scale. The next element down '[what do we do?]' looks huge in comparison, and I was wondering if there is any way of reproducing this in the same scale as the web version?

I was also wondering if there was a way to change the '[featured projects]' element of the site so that they appear in a row, like the web version, rather than a collumn?

 

Thank you so much again for your help,

 

Elliot

IMG_6358.jpg

IMG_6359 (1).PNG

Link to comment
  • 2 weeks later...

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.