How to remove the "responsive" code from my website for mobile?

This topic is: not resolved

Tagged: mobile css, responsive css

This topic has 4 replies, 4 voices, and was last updated 8 years, 2 months ago by Ginger.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
September 28, 2015 at 2:24 pm #166874

KaterinaRoy
Member

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.

September 28, 2015 at 3:46 pm #166888

Victor Font
Moderator

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.

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

September 30, 2015 at 5:34 pm #167091

KaterinaRoy
Member

Thanks Victor.

I would like it to load in a visually attractive way. Any guidelines on adjusting it so that it will load in a preferred way?

This is how it's loading:

This is how I would like it to load:

Thanks for any help you can offer!

October 1, 2015 at 1:12 am #167107

Droid4apk
Member

Blogger or wordpress

http://www.droid4apk.org

October 1, 2015 at 7:30 am #167138

Ginger
Participant

Hi there,

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:

http://my.studiopress.com/themes/beautiful/#demo-phone

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:

https://www.nutsandboltsmedia.com/how-to-customize-your-genesis-child-theme-with-chromes-inspector/

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options
Author

Posts