Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 21, 2015 at 4:58 pm #432134
    moreleads

    Hi

    I’m having a problem. The menu doesn’s work on internet explorer when using a windows tablet or surface.

    When you touch the menu the drop down appears but when you release to press the sub menu option you want the drop down just closes.

    April 22, 2015 at 6:53 am #432579
    Rikard

    Hi moreleads!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    April 22, 2015 at 10:32 am #432675
    moreleads

    Hi Rikard

    The problem is on wif.pt

    April 22, 2015 at 2:51 pm #432833
    Yigit

    Hi!

    Please go to Enfold theme options > General Styling tab and add following code to Quick CSS field to switch to mobile menu earlier 

    @media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}

    Cheers!
    Yigit

    April 23, 2015 at 11:13 am #433364
    moreleads

    Thanks for your reply yigit but that doesn’t seem to solve the problem.

    The problem only exists on internet explorer on touch mode. I don’t really like to change the aspect for all devices just because of this small percentage of devices.

    I would like to know if there is a way to address the problem only on the specific browser on specific devices.

    April 26, 2015 at 7:20 am #434784
    Josue

    Hey!

    Can you provide a screenshot of the issue?

    Best regards,
    Josue

    April 27, 2015 at 3:34 pm #435316
    moreleads

    Hi

    I can’t really provide an screenshot because it isn’t a visual problem but a functionality problem.

    April 29, 2015 at 4:26 pm #436805
    Elliott

    Hey!

    I’m not sure if any of us has a windows tablet to test on. Have you tried doing a tap but hold it for a second or two? This simulates a hover on Android. Not sure how it works on that device.

    EDIT: It looks like that’s how it’s supposed to work for the Surface tablet at least, http://superuser.com/questions/503004/equivalent-of-mouse-hover-on-a-touch-screen, should be the same for other Windows mobiles.

    Cheers!
    Elliott

    • This reply was modified 9 years, 8 months ago by Elliott.
    May 11, 2015 at 10:46 am #442343
    moreleads

    Hi Elliot

    After some reading, it looks like that windows mobile uses a tag to translate tap to hover on mobile. The tag is “aria-haspopup=true”.

    So where can i insert this to the menu?

    May 12, 2015 at 2:25 pm #443006
    Yigit

    Hi!

    Please add following code to Functions.php file in Appearance > Editor 

    function add_custom_tag(){
?>
<script>
jQuery(window).load(function(){
jQuery('a#advanced_menu_toggle').attr('aria-haspopup', 'true');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_tag');

    Cheers!
    Yigit

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