[Beth]

Hi I’ve been using Interface Pro and have customised it a fair bit, but mostly changed to the colours & fonts, not the way the layout works.

I’m having an issue with the fluid layout, particularly on mobile phone, but also you can see it in the browser when the width of the browser window is reduced. The contents within the page don’t scale properly and I’m not sure how to tweak the styles to incorporate this. It seems to be where aspects within the site are hard coded by width.

I was hoping you could point to where I need to look to make edits in the css to fix this issue.

We have a few plug-ins running and the forum integrates with WP-united, but the styling seems to be defined by the wordpress theme, from the way the front page is also affected. I have each of the modules as html code within the widgets on the front page Business Page Section widget. The main site is actually behind a IP wall as we’re not quite ready to go live. I’m just trying to fix the forum layout so it will display correctly on a mobile. The forum is open at the moment as access will be based on user groups.

https://www.cemarking-handmadetoys.co.uk/discuss/

Example 1 is the forum page with width reduced.

Example 2 is bottom of front page with width reduced and the table and images overlapping at the bottom.

[Theme Horse Support Team]

Hi Beth,

It seems that you have customised the code. You may go to our demo site and have a look. Its working fine there. We always recommended you not to change the code but if you customize the code then first make child theme and then only customize the code.
The main site is displayed from style.css and the responsive layout is displayed from theme folder -> css -> responsive.css

Thank you!

[Author]

Posts