- This topic is empty.
-
AuthorPosts
-
June 4, 2012 at 2:18 pm #38346OpelMMember
Hello,
I have been trying to get my new site template to adapt to mobile devices. So far it works when I resize the browser window. Problem is it doesn’t work on mobile devices. It displays as a regular web page.
Here is the web page: http://opelm.com/test/
If anyone can offer me a solution, and even suggestions as to what I must add to my site in terms of CSS that would be helpful.
I’m new to this whole responsive design thing.
Thanks!
June 4, 2012 at 2:35 pm #103872Caleb WilliamsParticipantIt’s working in iOS. What mobile device are you using?
June 4, 2012 at 2:41 pm #103873OpelMMemberI tried on my friends iPhone4 and on his Android phone. To be honest I don’t have a smartphone myself Lol so testing is a pain.
June 4, 2012 at 3:15 pm #103875RyanMTDMemberI’m not sure if you are using media queries to specify css rules for your different devices/screen sizes, but for an iphone for you would need to use this media query, and put your iphone/phone css rules inside this query
/* iPhone 4
*/
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */}
Ryan
June 4, 2012 at 4:33 pm #103877Caleb WilliamsParticipantOpelM, you can test using iOS and many Android browsers at BrowserStack.com. Give them your email and you get something like 60 minutes of free testing and then you have to subscribe, but it should help you at least get started.
June 5, 2012 at 12:11 am #103899OpelMMemberThanks for the replies guys. I will try out your suggestions and post an update.
@Caleb: I found a site which emulates mobile devices. Let me know what you think about it: http://www.mobilephoneemulator.com/June 8, 2012 at 3:34 pm #104119OpelMMemberHey guys is it possible to get screen caps of what my site looks like on your mobile phones. Unfortunately I don’t have a smart phone and can’t test out the site. I’ve tried various mobile phone emulators and they show different results.
June 11, 2012 at 5:21 am #104216Team_Deltecs2007MemberHey Folks,
Take a look at my company’s new responsive design website http://www.dronamobile.com, you would be able to push and pull the browser window to test the “responsiveness” of this website. When I reduce the width of the browser, everything just flows “under” the browser frame and is cut off, just like the web content. Do explore and share your feedback about it…
TeamDeltecs
February 21, 2013 at 7:01 am #125508shivuMemberHi
i did responsive web design for my office website but it showing me white space
for right side and it working in when i re size browser . but it not working samsung note 2February 21, 2013 at 7:18 am #125510 -
AuthorPosts
- The topic ‘Responsive Web Design, Not Responding :S’ is closed to new replies.