Jump to content

Need help figuring out Home Page banner issues

Go to solution Solved by tuanphan,

Recommended Posts

Hey there! 

I'm a newbie website designer and I'm having some issues figuring out how to have the homepage banner be the right size on the site. When you open it up, its MASSIVE! My client really wants it to be rotating images that cycle through automatically, but they size and resolution just don't look right. 

Please help! 

Thank you!

Site url: https://www.jmillerconsulting.ca/

Screen Shot 2023-01-30 at 5.08.31 PM.png

Edited by HazyD77
Link to comment
  • Solution
On 2/3/2023 at 8:53 AM, HazyD77 said:

Add to Design > Custom CSS

/* Mobile homepage banner */
@media screen and (max-width:767px) {
body.homepage .gallery-fullscreen-slideshow {
    height: 15vh !important;
}
}

 

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

Hi! That worked so well for mobile! One issue solved for me!

My other issue still is, how do I make it work for just a regular computer website with a big screen size and not mobile? Using the slide shows on the homepage banner, I can never seem to get the correct height of my pictures. When I minimize my browser, the picture fits in that and doesn't get cut off.. but when i go full screen, it still cuts my picture off at the TOP and BOTTOM.

Is there a code for this issue as well? Thank you!

image.png

Screenshot 2023-02-07 at 2.54.04 PM.png

Link to comment

That code work with size under 767px, if you need to apply to another size, add this code under

/* Mobile homepage banner */
@media screen and (min-width:768px) and (max-width:1024px) {
body.homepage .gallery-fullscreen-slideshow {
    height: 35vh !important;
}
}

This is an example for screen size from 768px to 1024px

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.