Community Forums › Forums › Archived Forums › General Discussion › Agency Pro sub nav doesn’t work on Mobile.
Tagged: agency pro, doesn’t work, mobile, sub nav
- This topic has 9 replies, 3 voices, and was last updated 8 years ago by
Steve@316 Design.
-
AuthorPosts
-
January 24, 2017 at 11:51 am #199943
Steve@316 Design
MemberThe 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
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™January 24, 2017 at 12:22 pm #199946Victor Font
ModeratorIf 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?January 24, 2017 at 1:54 pm #199956Steve@316 Design
Memberand what should it be?
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™January 27, 2017 at 11:58 am #200131carasmo
ParticipantIf 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.
January 27, 2017 at 12:00 pm #200132carasmo
ParticipantJanuary 27, 2017 at 12:17 pm #200134Steve@316 Design
MemberThank 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.™January 27, 2017 at 12:25 pm #200135carasmo
ParticipantGet 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.
January 27, 2017 at 12:36 pm #200136carasmo
ParticipantYour CSS looks okay, except FlatIcons are causing an issue. I would deactivate and trouble shoot from there.
January 27, 2017 at 12:42 pm #200137carasmo
ParticipantActually, 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.
January 30, 2017 at 2:22 pm #200272Steve@316 Design
MemberHello carasmo, thank for the replies. I'm not sure what "image" with the "explicit width" you are referring to. in what "area"?
Steve Adams | 316 Design | 619.726.9923
We live the lifestyles that we promote.™ -
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.