Jump to content

Adjust the mobile version of my header slideshow

Go to solution Solved by Ziggy,

Recommended Posts

**SITE NOT LIVE YET**

I am needing to adjust the size of my header slideshow banner for mobile only. 

The  web version is the perfect size but it is appearing too large for mobile, I want to adjust the size without affecting the web version. 

I have attempted to code, based off previous forum recommendations, however it is not changing even within the Custom CSS view. 

Can anyone please provide some tips or updated code that will help resolve the issue? 

Thanks in advance 

Screenshot 2023-07-11 at 8.39.24 pm.png

Link to comment

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
7 hours ago, KTK said:

Do you know how I may be able to resolve this?

You haven't removed all of the example section ID:

image.thumb.png.06ddadbd38dc91d4b38a13c9c7adb8f1.png

you need to remove the ="123

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

Thanks Ziggy! 

Sorry for all of the questions but it doesn't seem to work when I have edited that code and saved it. 

It is still appearing like the image below. 

Is there any reason that this may be happening? 

Screenshot 2023-07-13 at 4.54.54 pm.png

Screenshot 2023-07-13 at 4.55.51 pm.png

Link to comment

Can you add a site wide password and share the URL so I can have a look?

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
  • Solution

You are applying the code to the wrong section, this is the code you need:

section[data-section-id="646c774a3872bb375f31ca90"] .gallery-fullscreen-slideshow {
  height: clamp(0px, 56.25vw, 85vh) !important;
}

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
8 hours ago, KTK said:

This has worked! Thank you so much!

Fantastic! Glad to help.

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.