Home Forums WoodMart support forum ¿Bug? On the mobile menu version

¿Bug? On the mobile menu version

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #236009

    Dreagnout
    Participant

    I was showing that on my iPhone SE the menu is too wide to click on the outer zone. The cart menu works well because it have a Close button on the corner, but the menu of categories dont have it, you need to click on a outer zone, but if you have a small display like iPhone SE, it doesn’t have any empty space click on that zone and exit. I attach photos of it. Thanks.

    Attachments:
    You must be logged in to view attached files.
    #236091

    Artem Temos
    Keymaster

    Hello,

    To add the “Close” button there, add the following code to the file woodmart/inc/template-tags.php http://prntscr.com/uxid83

    echo '<div class="widget-heading"><a href="#" class="close-side-widget wd-cross-button wd-with-text-left">Close</a></div>';

    and put this code to the custom JS section on document ready in Theme Settings

    jQuery('.mobile-nav .close-side-widget').on('click', function(){
    	jQuery('.mobile-nav').removeClass('act-mobile-menu');
    	jQuery('.woodmart-close-side').removeClass('woodmart-close-side-opened');
    	jQuery('.mobile-nav .searchform input[type=text]').blur();
    });

    Regards

    #236315

    Dreagnout
    Participant

    I inserted all but not working for me, can you check it with mobile on: http://saborumami.es/

    Thanks.

    #236395

    Artem Temos
    Keymaster

    Replace the first code with the following one

    echo '<div class="widget-heading"><a href="#" class="close-side-widget wd-cross-button wd-with-text-left">Close</a></div>';

Viewing 4 posts - 1 through 4 (of 4 total)