how to make a sitletitle image responsive
-
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!
-
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
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.
Now see if your problem solved itself.
Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it
I don't answer or check forum DMs, please just post on the forum.