Does the design look a lot different on mobile? If so, this is probably coming from a plugin. Jetpack in particular has a “mobile theme” module that can be turned off to change this.
If that’s not it please share a link to your site, and I’ll check it out.
Thanks!
Thread Starter
m8931
(@m8931)
The website isn’t published yet so I can’t share it as of the moment. There is nothing inherently skewed or wrong with the mobile theme, it’s a perfectly fine, but I’ve been editing some functions and CSS of your theme and it’s caused the mobile theme to sort of go all over the place.
Because of my fiddling around I’d rather mobile users to just visit the full site, unless I’m able to edit the mobile theme directly. Is there any way to do this?
If you have CSS changes that are affecting the site at mobile widths, you can wrap them in a media query, so they only affect wider screen widths.
For instance, let’s say you have this CSS making the site title extra large:
.site-title {
font-size: 67px;
}
If you don’t want it to affect the site at mobile screen widths, you can wrap it in a media query like this:
@media all and (min-width: 800px) {
.site-title {
font-size: 67px;
}
}
Now it won’t affect the site at all unless the screen is 800px or wider. Generally speaking, most mobile devices are around 320-600px wide, tablets 600-1000px, and laptops/monitors 1000+.
Just to make sure we’re on the same page, the site should look like this on mobile devices: http://pics.competethemes.com/451r1c3P370S. If the design is different then this means a plugin is changing it.
