Okay
  Public Ticket #1389276
Drop down double click
Closed

Comments

  •  3
    glensilva started the conversation

    One last question and the site is done! I noticed on the drop down links, you have to doubleclick to get it to work. Is there a setting I missed that would change this to single click?

    Thanks!

    Glen

  •  3
    glensilva replied

    Ok, one last last one.... :-)

    The spacing between the main navigation and the dropdown, is there a way to cut down on that gap? Thanks!

    Glen

  •  3
    glensilva replied

    Ok, this is really the last. On the inside pages where the title and subtitle are, how can I reduce that height?

    Thanks!

    Glen

  •  1,715
    Barry replied

    Hi Glen,

    Let me answer your questions

    1.This is because you're navigating the website on a device that has support for touch events. This is how we created the way links with submenu's work on those devices. The reason why we added this is that else when you clicked a navigation link that has a submenu it would navigate straight to the parent link instead of opening the submenu and have the possibility to navigate to a submenu link

    Unfortunately we can not detect if the device is a touch laptop/desktop, so that we could rule that case out. The only thing we can detect is if the device is touch enabled, which targets all devices with touch capabilities. If you want in-depth information about this I recommend to read this post.

    If you want I can provide you a changes theme script file were the double-touch is removed. But if a parent link has a submenu it can't be opened because it will take you straight to the parent page.

    2. To change the position of the submenu you can use the following css line. Please add it via Appearance > Customize > Theme Options > Custom CSS:

    @media (min-width: 992px) { .main-navigation .sub-menu { top: 65%; } }
    

    You can change the 65% value to your own needs.

    3. This is also possible with a small css line:

    @media (min-width: 992px) { 
        body.widget-bar-overlay .page-header--wrap { padding: 120px 0 25px 0; }
    }
    

    You can change the 120px and 25px value to your own needs.

    If you have any questions, please let me know.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •  3
    glensilva replied

    Hi Barry. Thanks again for the solutions. I really am impressed! 

    For this website there is only one dropdown menu. The main menu is a custom link with # set as the link. Doesn't this cover the dropdown menu not showing on touch devices? If so, then I definitely would love to know how to remove the doubleclick. Most will think the link is broken when a single click doesn't work.

    Any help with this would be greatly appreciated. :-)

    Glen

  •  1,715
    Barry replied

    I have made some changes in the theme script file. Please download the attached .js file and overwrite the one in the theme folder on your server. The file can be found through this path:

    /wordpress/wp-content/themes/physio-qt/assets/js/main.min.js

    The double tab function is now removed. Please let me know if that worked.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •  3
    glensilva replied

    That worked perfectly! I also tried it with my touch screen (same computer) and with the phone. All works wonderfully! Thanks again Barry!

    Glen

  •  1,715
    Barry replied

    Great! You're welcome.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes