how to make a sitletitle image responsive

alina.sch

Hi!
I used the site title feature in the customizer to make a cover image, however I would like it to be responsive, by which I mean that it should be full page size no matter the size of the screen.

This is the site: http://einfachmensch.ch

would be very thankful for your answers!

Richard

Dear @alina-sch

Try Adding the following Code to 'Custom CSS' within 'Lay-options - Custom CSS & HTML':



.sitetitle img {
    height: 100vh;
    width: 100vw
}

.sitetitle,img {

  object-fit:cover;
}

The 'cover' will wish to keep the aspect ratio of your image, you can change this to other variants such as 'fill' or 'contain'

https://www.w3schools.com/css/css3_object-fit.asp

https://laytheme.com/documentation.html#custom-css-styling

Hope this helps and have a wonderful day :)
Richard