[flatrock]

How do I change the point at when the page starts to respond? I’m on an iMac with a large screen and high resolution, looks wonderful on my monitor! However, on smaller screens or, if I reduce the browser window the right sidebar does not react, or the header and main body either – until the window is quite small – “iPad size”

I’ve set the page Layout Settings width to 1500px with a 300px sidebar. I’d like the page to respond around 1280 or so, so that the side bar isn’t hidden for users on smaller monitors or lower res settings.

Once it does start to respond, the header image and body reduces “smoothly” according to the browser window size. I am hoping that could start to happen at a point when the browser window is around 1280, or better yet any time the window is reduced, is that possible?

Thanks for any advice, I love the Mantra theme!
Pete

Website: www.marbleheadhistory.org/Mhead1629

[Zed]

The responsiveness breakpoints are not configurable and changing them would require replacing the entire responsiveness stylesheet file.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[flatrock]

Are those styles in styles.css or style-mobile.css?

Could you point out what the tags are so I can try and mess with them in my Child theme?

[Zed]

It is in style-mobile, and it’s the entire file that handles responsiveness.

You can duplicate to increase the breakpoints, but to reduce them you’d need to first undo all the styling that exists in that file for a specific breakpoint.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts