Enlarge the high of the slider on mobile

Hello support team,

How can I ‘enlarge’ the high of the slider (foto) on mobile (by CSS)?

Project: http://136.144.206.149/~janwillem2021

Thanx

Hi,

​Please accept my apologies for the delay in response. I really appreciate your patience.

I visited your link and it only shows a ‘Not Found’ on my web browser. Can you fix it first?

Regards,
Kharis
aThemes Support

Thanx Kharis,

The site is online: http://136.144.206.149/~janwillem2021

Hi,

Thank you for sharing the link.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
      .header-slider .slide-item {
        height: 90vh !important;
      }
      .header-slider .slide-item img.mobile-slide {
        display: block;
        object-fit: cover;
        width: 100%;
        height: 100%;
      }
    }

Regards,
Kharis
aThemes Support

1 Like