Home Forums Basel – Premium Template mobile search on sticky menu

mobile search on sticky menu

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #375352

    kristiankeegan
    Participant

    Hi, I have Basel theme 5.6.1 installed and search icon is not clickable on mobile when main menu is in sticky mode, works okay on desktop. I checked back on old theme versions and last worked on version 5.4.2.

    Additionally, i have designed a modal popup as an html block but nothing happens on click, can you build modal pop up in an html block? works okay when built on a page with vc.

    thanks

    kris

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

    Elise Noromit
    Keymaster

    Hello,

    Please deactivate all the plugins except these ones:
    Contact Form 7
    Mailchimp for WordPress
    Safe SVG
    Slider Revolution
    WooCommerce
    WPBakery Page Builder
    XTEMOS Post Types plugin

    If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

    In case, the problem remains, even after all the plugins are deactivated, provide your site admin access (insert the site credentials into the Private content block under the message area) and confirm the permission for plugins deactivation, switching to the parent or default theme. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.

    Best Regards

    #376008

    kristiankeegan
    Participant

    Hi, I followed your advice and deactivated all site plugins except the plugins you suggested. Mobile search bar still not working on sticky mobile menu when you scroll. I have tested on iphone 10/11/12.

    login details for staging site in private content.

    thanks

    Kris

    #376042

    Elise Noromit
    Keymaster

    Hello,

    Please advise what the user ID is and confirm the permission for plugin deactivation, switching to the parent theme. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.

    Best Regards

    #376084

    kristiankeegan
    Participant

    Hi, details below. I give permission to switch off plugins and switch to parent theme.

    thanks, kris

    #376333

    Elise Noromit
    Keymaster

    Hello,

    Please check the credentials I cannot log in.

    Best Regards

    #376402

    kristiankeegan
    Participant

    correct details below thanks, Kris

    #377323

    Elise Noromit
    Keymaster

    Hello,

    I am testing the search in mobile menu and it works: https://gyazo.com/d4d6abc7b6e0f4c5d4e4b47fb72c283a and https://gyazo.com/e107e37335e6f964f3a057c4ebdb6576

    Please describe the actions step by step to reproduce the problem I do not see search in Mobile navbar menu.

    If you have any questions please feel free to contact us.

    Best Regards

    #378446

    kristiankeegan
    Participant

    Hi Elise,

    I don’t think you have read my first message in detail. The mobile search does not work in ‘STICKY’ header on mobile devices. Please see link to video tested on iPhone. As I have already mentioned the function used to work with Basel version 5.4.2 but not version 5.6.1.

    https://drive.google.com/file/d/1T6O6cKVw8KTHAoMANQkSQQbFH3iG8J8H/view?usp=sharing

    thanks, Kris

    #378795

    Elise Noromit
    Keymaster

    Hello,

    Sorry for the delay.

    Please add this snippet to the Theme Settings > Custom JS > On document ready:

    jQuery(window).on('baselEventStarted', function() {
    var body = baselThemeModule.$body;
    				jQuery('.mobile-search-icon.search-button').on('click', function(e) {
    					if (baselThemeModule.windowWidth > 991) {
    						return;
    					}
    
    					e.preventDefault();
    					if (!body.hasClass('act-mobile-menu')) {
    						body.addClass('act-mobile-menu');
    						jQuery('.mobile-nav .searchform').find('input[type="text"]').focus();
    					}
    				});
    	});

    We will fix that in the nearest update.

    Best Regards

    #378812

    kristiankeegan
    Participant

    Hello,

    Thanks for the code snippet. All working in good order now.

    I appreciate your help.

    Kris

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