Do all responsive themes display the same type of 'responsive' navigation on mobile devices?
Hi
I am running into issues with responsive themes – the TRIM theme from ELEGANT themes shows up this way on mobile devices –
http://screencast.com/t/8RECoMfnetB
but client wants it this way:
http://screencast.com/t/HlG10HkhH
I have seen other responsive sites (wordpress) that display all menu items automatically: like this one – twenty eleven –
http://awesomescreenshot.com/079th7c7d
Is there a quick workaround, like doesn’t cost a thing, for displaying all nav items on mobile devices for a responsive WP site?
If not, I have had an estimate of about 1 hr to make it so. Are there any other tricks to display the nav item.
What is the standard (if any) navigation for responsive sites?
THANK YOU ALL
thanks.
Daryl Monte, 
Juliette Cook, and 
Juan Villegas are discussing.
Juan Villegas 12:37 pm on February 5, 2014 Permalink | Log in to Reply
Actually, the mobile menu isnt automatically created on any theme. Whats happening is that navs are duplicated: one for desktop and tablets, and one for mobile. So if you inspect header.php for exampleyou may find that two navs are created, but in the css one of them will be hidden depending on the device’swidth. This is the technique used in Trim, I have highlighted both menus in the code: http://prntscr.com/2pnkdq
Other times the same menu is used and the floats are cleared in mobile, so that each nav item extends the whole line. However, not always this is possible, and thats why we have to resort to the option above..
Daryl Monte 1:41 pm on February 5, 2014 Permalink | Log in to Reply
Another possible solution is to overwrite the css codes that displays and hides the menu depending on the device’s width.
Juliette Cook 4:50 pm on February 5, 2014 Permalink | Log in to Reply
ok to overwrite the css codes or change the classic default css on a mobile device, how long does this take???
Daryl Monte 1:45 am on February 6, 2014 Permalink | Log in to Reply
Around an hour or two depending on the codes used in the theme