homepage Welcome to WebmasterWorld Guest from 54.234.141.47
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Mobile Internet / Mobile Web Site Design and Development
Forum Library, Charter, Moderators: not2easy

Mobile Web Site Design and Development Forum

    
Mobile menu showing on ordinary desktop pc's
Anyway to stop this?
wockawocka



 
Msg#: 4612442 posted 10:23 pm on Sep 24, 2013 (gmt 0)

Currently I have a niggle with my site and I'm wondering how to get it fixed.

My website is responsive in that when the browser window falls below a certain dimension the menus form up to a sinlge dropdown containing submenu options instead.

All good.

The problem I have is that whilst this works great on an iphone, it also does it on the pc if the browser window is reduced in size. I've seen many clients with netbooks or work computers with low resolution screen which even with the browser two thirds of the screen size the responsive menu still shows.

Yet on an Ipad the menu system isn't responsive, but completely normal. (which is fine, my site is easy to read).

My question is what would be the best way to address this. In other words, to get the responsive menu kick in for mobile devices only (but not tablets as the ipad is fine).

Thanks for any help....!

 

Force10x

5+ Year Member



 
Msg#: 4612442 posted 12:44 am on Sep 25, 2013 (gmt 0)

If I understand your question correctly, getting your media query something like this may help

@media handheld, only screen and (max-width: 767px){
}


The way Responsive Web Design works is that they are dependent on browser widths that have a media query to change the layout once the browser is within the range specified. Hence, if the browser is resized/reduced to a size it triggers the specific media query for that width.

Hope this helps.

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4612442 posted 1:50 am on Sep 25, 2013 (gmt 0)

Yet on an Ipad the menu system isn't responsive

It actually is, but you don't know it because the iPad has a higher than normal pixel ratio. So although the screen is physically small, the browser behaves as if it's much bigger.

Recent thread that may be useful (it's where I learned the term "pixel ratio"):
[webmasterworld.com...]


:: now back to futile attempt to explain to cat that rain (which in any case is much overdue) is utterly beyond my control and all the meowing in the world won't make it stop ::

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Mobile Internet / Mobile Web Site Design and Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved