Issues with Fullscreen Slider on Landing Page

[dennisbern]

Hey,

https://biografie.art/front

I tried to create a fullscreen slider as a landing page, but I encountered several issues:

1. The fullscreen slider images don’t adapt to the browser width when I resize the window. How can I make them responsive?

2. I can’t completely hide the site title and menu bar. I used the following CSS code, which works for the footer but not for the navigation and title:

/* Hide Navbar on LANDING */
.slug-front .laynav {
    display: none !important;
}

/* Hide Site Title on LANDING */
.slug-front .sitetitle {
    display: none !important;
}

/* Hide Footer on LANDING */
.slug-front .footer {
    display: none !important;
}

Is there something I’m missing?

3. The images appear pixelated. The resolution seems fine, but maybe I’m overlooking something. Is there a way to improve the image quality?

Thanks in advance for your help, LayTheme forum! You’re a great support.