Jump to content

Large empty space between slideshow and footer on homepage only for mobile device

Go to solution Solved by tuanphan,

Recommended Posts

Posted (edited)

Hi,

While my website homepage displays as I want to on a desktop, does not happen the same on a mobile device. I just have a full  slideshow on the homepage displaying several images. On mobile I have noticed that the slideshow appears exactly under the header (without any space) and there is a large empty space between the slide show and the footer. How i can reduce the space between slideshow and footer and maybe increase the space between header and slideshow but only for mobile ?

Currently I have the following css to keep the height of the slideshow only 60vh otherwise it takes all the height of the section and looks ugly.

@media screen and (max-width:767px) {
.gallery-fullscreen-slideshow {
    height: 60vh !important;
	}
}

Thanks in advance.

Edited by GeorgeK
Link to comment
  • Replies 4
  • Views 757
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • Solution
19 hours ago, GeorgeK said:

yes ofc. i thought i did it in the initial post
https://www.souzanapetri.com

You can use this code to Website > Website Tools > Custom CSS
 

@media screen and (max-width:767px) {
[data-section-id="659436e05c313e20013a0e3b"] {
    position: relative;
    top: 5vh;
}
}

 

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
19 minutes ago, tuanphan said:

You can use this code to Website > Website Tools > Custom CSS
 

@media screen and (max-width:767px) {
[data-section-id="659436e05c313e20013a0e3b"] {
    position: relative;
    top: 5vh;
}
}

 

Perfect !!! Thank you @tuanphan

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.