Theme Horse

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.