Tagged: ubermenu
-
AuthorPosts
-
March 14, 2014 at 10:47 am #237512
Really appreciate what you guys have done with the latest update 2.6.1 I am having an issue though with the menu in mobile. I use UberMenu to replace the standard menu and having followed this tutorial http://sevenspark.com/docs/ubermenu-enfold I had the site functioning perfect.
In 2.6.1 with the header changes the option to select a ‘Slide out’ or ‘Dropdown’ has been removed from what I can see? Are you able to give me any advise on achieving what is described in ‘Responsive/Mobile Menus’ in the tutorial?
Thanks
March 14, 2014 at 12:26 pm #237558Hi britorthopaedic!
Can you also post the link to your website? Please note that we may need a temporary admin login as well
Cheers!
YigitMarch 14, 2014 at 2:21 pm #237626This reply has been marked as private.March 14, 2014 at 2:28 pm #237634Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 767px) { .container #advanced_menu_toggle, #advanced_menu_hide { display: none; } .main_menu, #header_main_alternate { display: block; }}
Cheers!
YigitMarch 14, 2014 at 2:37 pm #237636Hi
Thanks for the quick response! I now have the correct menu displaying however the dropdowns within the menu items do not appear to work, do you have any idea why?
thanks again :)
March 14, 2014 at 2:45 pm #237639Hi Yigit
Slight amendment to that, the dropdowns do work on mobile if you touch the word in the menu item, touching the icon to the right does not expand the menu.
These are the only changes I’ve made to the dropdowns in mobile view:
/* Style the "x" */ #megaMenu ul.megaMenu li.menu-item a span.uber-close[data-uber-status="open"], #megaMenu ul.megaMenu li.menu-item span.um-anchoremulator span.uber-close[data-uber-status="open"]{ background:red; } /* Style the down arrow */ #megaMenu ul.megaMenu li.menu-item a span.uber-close[data-uber-status="closed"], #megaMenu ul.megaMenu li.menu-item span.um-anchoremulator span.uber-close[data-uber-status="closed"]{ background:blue; }
They are just styling the ‘X’ and ‘Arrow’
March 14, 2014 at 2:46 pm #237640Hi!
It seems to be working on my end http://i.imgur.com/qfUCiMF.png :)
I have tested it on iphone 4. Please flush browser cache on your mobile device and check once again. If that does not work please post your query on Ubermenu forum as well. I will ask Tom to take a lookCheers!
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.