Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 14, 2014 at 10:47 am #237512
    britorthopaedic

    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 #237558
    Yigit

    Hi britorthopaedic!

    Can you also post the link to your website? Please note that we may need a temporary admin login as well

    Cheers!
    Yigit

    March 14, 2014 at 2:21 pm #237626
    britorthopaedic
    This reply has been marked as private.
    March 14, 2014 at 2:28 pm #237634
    Yigit

    Hey!

    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!
    Yigit

    March 14, 2014 at 2:37 pm #237636
    britorthopaedic

    Hi

    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 #237639
    britorthopaedic

    Hi 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 #237640
    Yigit

    Hi!

    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 look

    Cheers!
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.