Responsive height image with content
-
I tried the CSS workaround described here. But it doesn’t work if you have text or content on top of the slider.
https://ww.wp.xz.cn/support/topic/how-to-ensure-the-sliders-height-is-responsive/There is a class –gutenslider-min-height and if I toggle it off it will work but only with sliders that are only images.
Also the arrows don’t adjust.
-
There is a setting, to vertically align content on the slides. You will find it in the block toolbar at the top. There is currently no setting to pick the center of an image that is on mobile. Also you can do it with css
object-positionsetting manually.There will be a new release in the next weeks which adds responsive support. I am not 100% that I answered your question. You would need to describe more detailed what you want to achive.
Thanks I will check it out. Can you delete that link please? Right now my online version seems to be slightly different from my local version. Let me check and try again. The image location is not really an issue. Just I want the size of the image to scale smaller and also the content.
The topic ‘Responsive height image with content’ is closed to new replies.
