- This topic has 9 replies, 3 voices, and was last updated 9 years, 5 months ago by
.
-
Posts
-
The latest version of WP & Genesis. Agency Pro 3.1.4
The sub nav under “SCHEDULE & RESULTS’ doesn’t work on Mobile.
I have this same problem on any site that I use the Agency Pro theme in the same situation described below.In Appearance/Menus: in order to get a nav item “SCHEDULE & RESULTS” for a sub nav menu items, I’d just create a Custom Link without a link URL, then add the appropriate pages as sub-nav items.
Thank You, Steve
http://markdanielsjrfishing.com/Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™If you look in style.css at line 2220, the sub menu display is deactivated on small screens.
.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu, .genesis-nav-menu.responsive-menu { display: none; }Not sure why the theme developer did it that way, but you can always change it to work the way you expect it to.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?and what should it be?
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™If you look at the demo (http://demo.studiopress.com/agency/) the reason why that CSS is set that way is because the jQuery toggles the sub menus when you click the caret. So leave the CSS alone.
Don't leave the custom menu link blank, use a #, just like the demo, and your child menus will work on smaller viewports.
Thank you for the reply @carasmo,
Ok, so I added the # in the url section for the Custom link. Cleared CDN, Cache, etc. Even checked on my iphone. Still not working. I dont see the little down arrows for the sub nav like in the demo. See attached screenshot.
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™Get the original theme style.css and COMPARE it with yours.
https://www.diffchecker.com/ - compare files
If you didn't touch any CSS related to your navigation and added CSS on your own either in a plugin or in the theme you may have a parse error, then styles won't render after the error.
Run all your CSS (including those generated any custom CSS you added) through a validator to see if there are parse errors such as not closing a bracket where it needs to close.
This is not a bug with the theme, it is something in your CSS that is doing this.
Your CSS looks okay, except FlatIcons are causing an issue. I would deactivate and trouble shoot from there.
Actually, ignore the FlatIcons, your menu icons do show up, but you have to scroll past the page to the right a good bit. There is an image or element in that area that has an explicit width. Use percentages, max-width, or some other value but not anything that has a hard width.
- The forum ‘General Discussion’ is closed to new topics and replies.