homepage Welcome to WebmasterWorld Guest from 54.226.235.222
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
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:4612444
 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




msg:4612466
 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




msg:4612475
 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