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

Free and Premium WordPress Plugins & Themes Forums WordPress Themes Luviana How can i reduce the size of the front page slider in mobile

  • This topic has 3 replies, 2 voices, and was last updated 1 week, 1 day ago by Andre Flores.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #909981
    sergio barrios
    Participant

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

    #912390
    J. Davis
    Keymaster

    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

    #1303940
    JORGE NAVAS
    Participant

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

    #1305353
    Andre Flores
    Moderator

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.