How to style the mobile displays, or turn off the mobile-only site?

[willroby009]

I have set up a site using the Integrity Light stack of the X theme. I did lots of styling to control how elements display at smaller screen sizes. I then discovered that the site displays on phones differently than it does on small browsers. The mobile version ruins several of the pages and no css that I add seems to alter it.

When you scroll down to the bottom of the mobile site, there is a link “View Full Site”, which causes the site to display as it should. Is it possible for this to be the default display on mobile devices, and remove the mobile display?

[lely]

Hi William,

That View Full Site link and it’s mobile theme is a feature of your hosting and not part of X theme. You may disable it on settings. Please check this guide.

Hope this helps.

[willroby009]

Hi Lely-

Thanks for the response.

I was actually able to trace the problem to a setting of the Jetpack plugin – Jetpack -> Settings -> Writing -> Infinite Scroll -> Enable the Jetpack Mobile theme. “On” was the default setting for this feature, apparently, as I didn’t change anything after activating Jetpack (a plugin I don’t normally use, and so am not very familiar with).

I note this for others having the same problem.

[jade]

Hi William,

Yes, if you have the Jetpack mobile theme active, it overrides the display of the active wordpress theme on mobile.

Thanks for letting us know.