How can i reduce the size of the front page slider in mobile

[sergio barrios]

Hi, i need to reduce or not show the front page slider in mobyle, how can i do that pls. Thanks.

[J. Davis]

Hi Sergio,

You may try to reduce the height of slider on front page adding the style below to Appearance > Customize > Additional CSS

@media(max-width:720px){
 .luviana-front-page-header .child-page-content-wrapper{
   padding:3.5rem 15px 8.625rem !important;
}
}

best regards,
J. Davis

[JORGE NAVAS]

HI,
How can the size also be changed on the desktop site?

[Andre Flores]

Hello Jorge,

Use the following code for larger screens:

@media(min-width:721px){
 .luviana-front-page-header .child-page-content-wrapper{
   padding:3.5rem 15px 8.625rem !important;
}}

Regards,
Andre

[Author]

Posts