- This topic has 4 replies, 4 voices, and was last updated 8 years, 2 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
Hello there! I have a query...
I noticed that my beautiful pro site looks... well.. less than beautiful
on my mobile device.
I am wondering how to turn off the "responsive" adaptation the theme has.
I would prefer that it load like my website on a computer does, just
smaller. I don't like how it smushes my design in a streamlined way.
Thanks in advance for any insight!
If you have any code that would help, I would appreciate it.
It would probably be better to adjust the mobile css rather than remove it. Google heavily penalizes sites in mobile searches if they are not mobile responsive. In some cases, they prevent the sites from even appearing in searches. Nevertheless, if you want to remove it delete all of the media query sections from style.css.
As Victor mentioned, it is not a good idea to remove the mobile responsive part of your style sheet. Rather, I would check out how the theme you are using was intended to look on mobile and see if you can get closer to that since your changes have your site looking off on the mobile views. The demo site for Beautiful Pro, specifically on mobile is here:
I would right+click and use Inspect Element to check out the styles and see where you can tweak yours closer to the demo's mobile view. A tutorial on using Inspect Element can be seen here:
@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options
© 2023 WPEngine, Inc.