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 10 years, 6 months ago by
AnitaC.
-
AuthorPosts
-
August 13, 2014 at 1:19 pm #118620
varshasalvi
MemberHi ,
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 #118639AnitaC
KeymasterYou 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.
Need help with customization or troubleshooting? Reach out to me.
August 13, 2014 at 3:07 pm #118642varshasalvi
MemberI 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 #118648AnitaC
KeymasterYou 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.
Need help with customization or troubleshooting? Reach out to me.
August 13, 2014 at 3:36 pm #118653varshasalvi
MemberOh 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 #118657AnitaC
KeymasterExactly. Designlovefest is not using a responsive theme. It's unresponsive.
Need help with customization or troubleshooting? Reach out to me.
August 13, 2014 at 4:13 pm #118662varshasalvi
MemberOh 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 #118664AnitaC
KeymasterIf you read my first response, I gave you where you needed to start.
Need help with customization or troubleshooting? Reach out to me.
August 13, 2014 at 4:51 pm #118666varshasalvi
MemberYup . 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 #118668 -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.