- This topic has 4 replies, 4 voices, and was last updated 9 years, 8 months ago by
.
-
Posts
-
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.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?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:
http://i50.photobucket.com/albums/f312/houesdematrice/IMG_8915_zpsffribmh6.pnghttp://i50.photobucket.com/albums/f312/houesdematrice/IMG_8914_zpssvcomle5.png
This is how I would like it to load:
http://i50.photobucket.com/albums/f312/houesdematrice/IMG_8913_zpstdusclyb.pngThanks for any help you can offer!
Blogger or wordpress
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
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.