Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Look for Media Queries in your stylesheets and override them.
Thanks for your reply. I removed all @media code from my css but its still the same
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Try disabling plugins to explore whether any could be causing the mobile format.
Disabled all plug ins and it was still the same
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you provide a link to the problematic webpage?
http://Www.louismoore.net/wordpress/ if you view on a computer that’s how I want it to look. If you view it on a iPhone etc then that’s the problem
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It looks like you’ll have to create min-width
styles on the containing elements, like <header>
and <div class="box">
. Minimum widths of 100%.
But why would this mean that on an iPhone the website is a mobile site yet on a ipad, pc, laptop etc is a normal site. It’s just th blog page as that is the only page I used wordpress with. The rest of the site is fine as I coded it myself.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It appears the theme was built in a way to scale down automatically, without using media queries or some JavaScript. Quite clever.
It’s not necessarily the iPhone/phone that’s significant here. Try resizing your browser window on a computer. You can probably simulate what’s happening on your phone.
It’s just th blog page
Then it is just that theme you’re using.
Okay I shall have a look at it in the morning.