Adjusting the spacing at the top of the home page on mobile view

Site URL: http://www.makeupbyalessandra.com

Hi,

On the main home page, the mobile view (on my desktop) looks different to the mobile view on my actual mobile device.

On the mobile device it is extremely spaced out.

The first rotating image has a large gap from the header, and then a large gap underneath the image as well.

I just want this changed on Mobile view.

Thank you 

Alessandra

Try adding this to Design > Custom CSS > Then save & Reload the site

/* Mobile gallery white space */
@media screen and (max-width:767px) {
.gallery-slideshow {
    height: 60vh !important;
}
}

Oh my gosh you are a legend! 

Thank you so much.

Kindest,

Alessandra

On 6/18/2021 at 2:01 PM, makeupbyalessandra said:

Oh my gosh you are a legend! 

Thank you so much.

 

Kindest,

Alessandra

Do you need support on these?

Site URL – https://www.makeupbyalessandra.com/

1. (Mobile – Homepage) Reduce space between text: Location – Address under location.

2. (Tablet – Services) Reduce the text width?

https://www.makeupbyalessandra.com/services

3. (Tablet – Bridal) increase image?

https://www.makeupbyalessandra.com/bridal

4. (Tablet – About us) increase image?

https://www.makeupbyalessandra.com/about-us

5. (Tablet – Bridal gallery) Add space between image and footer?

https://www.makeupbyalessandra.com/bridal-gallery

6. (Tablet – Homepage) (Tablet-Homepage) increase section width?

https://www.makeupbyalessandra.com/

7. (Tablet – Homepage) Align text and image?

8. (Tablet-Homepage) Resize logos?

9. (Desktop-Homepage) Scroll bar at bottom of page.

10. (Desktop-Footer) Make email text one line, not break

11. (Tablet-Homepage) Reduce space between image-animated text

12. (Tablet-Photoshoots) Increase content width?