background confit not responsive

The Confit background is designed to fill the entire area behind the main column at any screen size, as you can see on the demo:

https://confitdemo.wordpress.com/

The image may be cropped differently at different screen sizes, so it’s best to choose your image with that in mind.

Hi there Kathryn,

Thanks for answering

I noticed that in ‘landscape’ the bg-image does respond but not in ‘portrait’ (also in the demo, where the glass in ‘portrait’ partially dissapears)

The problem is also that since i used css to widen the .site-content article, this is also no longer responsive and seems to have a snowball effect on the header & menu that also do not behave as in the demo.

I Jetpack the answer ? (cannot be installed on a subdomain but maybe after moved to the main domain)

Kind regards
Juliette VB

When you modify the layout of elements with CSS, you do need to be careful to test your changes on different screen sizes, as it often does affect responsiveness.

You may want to restrict certain changes to specific screen sizes. You can learn more about using media queries that target certain screen sizes here:

https://en.support.wordpress.com/custom-design/custom-css-media-queries/
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
https://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

Media queries are a simple concept but powerful in practice, and can take some experimentation and testing to get right.