Community Forums › Forums › Archived Forums › Design Tips and Tricks › how to make your website mobile responsive
Tagged: layout, mobile responsive
- This topic has 9 replies, 2 voices, and was last updated 9 years, 8 months ago by Anita.
-
AuthorPosts
-
August 13, 2014 at 1:19 pm #118620varshasalviMember
Hi ,
I am using the 'Beautiful Pro ' theme from studio press. This theme is mobile responsive . However when I view it on the iphone the sidebar is going below the posts at the bottom of the screen. The posts and images are getting scaled properly
How can I view my site as is on the mobile screen such that it scales from the desktop version.I also do not want it to look like 'mobile version' as many plugins offer. Just want it to look like my desktop version just scaled.
Do I have make any CSS changes? I have changed the header size from my original theme . Could this be the reason why its not looking proper?
Can someone help?
http://designforsoul.com
Thanks!August 13, 2014 at 3:01 pm #118639AnitaKeymasterYou are asking to make a Responsive theme Unresponsive. It will require some work. You need to remove the viewport coding from the functions.php file, then remove the Media Queries/Responsive CSS from the style sheet. You may then need to modify some of the other areas in the style sheet once you do that. And then continue to test out your coding on those devices. I've had three clients ask for this in the past two months.
Love coffee, chocolate and my Bella!
August 13, 2014 at 3:07 pm #118642varshasalviMemberI do not want to make the Responsive theme unresponsive.
I just want it to function like responsive like its supposed to but is not doing right now.August 13, 2014 at 3:22 pm #118648AnitaKeymasterYou wrote:
How can I view my site as is on the mobile screen such that it scales from the desktop version.
and...
I also do not want it to look like ‘mobile version’ as many plugins offer. Just want it to look like my desktop version just scaled.
Based on that I interpreted that you do not want it mobile responsive. If you want it to look more like your desktop - then you'll have to either make it unresponsive, or edit the media queries and test it to your liking as we cannot see your desktop.
Love coffee, chocolate and my Bella!
August 13, 2014 at 3:36 pm #118653varshasalviMemberOh ok My apologies. Maybe I dint explain myself properly.
By 'Mobile Version' what I mean is what plugins like WPtouch offer .e.g.
https://wordpress.org/plugins/wptouch/screenshots/Instead i want it to look like this example:
http://www.designlovefest.comIf you see this website looks same on the desktop browser as on the phone.
Does it mean that this is mobile responsive or not mobile responsive.Sorry I am a little confused with the terminology here.
ThanksAugust 13, 2014 at 3:58 pm #118657AnitaKeymasterExactly. Designlovefest is not using a responsive theme. It's unresponsive.
Love coffee, chocolate and my Bella!
August 13, 2014 at 4:13 pm #118662varshasalviMemberOh So that means I have to make my website unresponsive?
How can I do that ? Any tutorial or reference?
August 13, 2014 at 4:22 pm #118664AnitaKeymasterIf you read my first response, I gave you where you needed to start.
Love coffee, chocolate and my Bella!
August 13, 2014 at 4:51 pm #118666varshasalviMemberYup . I dont really have enough knowledge of PHP and css but I will try .
was hoping for some tutorial. But I will give it a try.
Thanks!August 13, 2014 at 5:02 pm #118668AnitaKeymasterAll themes are different. You can Google it.
Love coffee, chocolate and my Bella!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.