Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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

    #237558

    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

    #237626
    This reply has been marked as private.
    #237634

    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

    #237636

    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 :)

    #237639

    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’

    #237640

    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

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