Modelling theme home sections vertical space

[Vanessa Gómez]

Hi,

web: http://www.perruqueriaroser.es

1) In the vertical view of mobile there is too much empty space in some sections of the home page. How can I reduce this empty space?

Attached three screenshots:

2) Section 2 of the home page. Vertical view of mobile. Of the list of 4 services, the second is not centered.
 
Attachment screenshot:

How can I fix this issues?

Thank you very much for your help!!
Regards,
Vanessa

[Sonl Sinha]

Kindly go to Appearance » Customize » Basic » Custom CSS and paste below code there:

@media (max-width: 479px) {
.boxpattern-1, .boxpattern-2, .boxpattern-3, .boxpattern-4{width: 100%;}
section{padding: 0 !important;}
.home1_section_area{padding: 50px 0 !important;}
.home2_section_area{padding: 40px 0 0px !important;}
.home3_section_area{padding: 50px 0 !important;}
.home6_section_area{padding: 15px 0 0 !important;}
.home14_section_area{padding: 60px 0 10px !important;}
.home15_section_area{padding: 55px 0 0 !important;}
.home15_section_area .elementor-heading-title{margin-bottom: 40px;}
}

Regards,
Shri

[Vanessa Gómez]

Hi Shri,

Perfect. Works fine!!

Thank you very much for your help.

Regards,
Vanessa

[Sonl Sinha]

Great 🙂

Regards,
Shri

[Author]

Posts