Return to previous page

Mobile panel problem i waana make him like i want

This topic has 8 replies, 2 voices, and was last updated 1 months ago ago by Luca Rossi

  • Avatar: Anurag
    Anurag
    Participant
    March 18, 2025 at 07:27

    basically it always appears there i wanna make him like it dissaper when someone scrolling website downwars and appear when he scrool upward

    Files is visible for topic creator and
    support staff only.
    #437669 Copied Theme version: 9.4.8
    7 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    March 18, 2025 at 09:42

    Dear Anurag,

    You can utilize the code snippet plugins to integrate the following custom JavaScript code into your website: 

    
var mywindow = $(window);
var mypos = mywindow.scrollTop();
var up = false;
var newscroll;
mywindow.scroll(function () {
    newscroll = mywindow.scrollTop();
    if (newscroll > mypos && !up) {
        $('.et-mobile-panel-wrapper').stop().slideToggle();
        up = !up;
        console.log(up);
    } else if(newscroll < mypos && up) {
        $('.et-mobile-panel-wrapper').stop().slideToggle();
        up = !up;
    }
    mypos = newscroll;
});

    We hope this helps! Please feel free to reach out if you need any further assistance.

    Best regards,
    8Theme Team

    #437699 Copied
    Avatar: Anurag
    Anurag
    Participant
    March 18, 2025 at 10:25

    where i have to paste this

    #437714 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    March 18, 2025 at 10:39

    Hi @Anurag,

    You can try with this plugin: https://wordpress.org/plugins/insert-headers-and-footers/.

    Best Regards,
    8Theme’s Team

    #437723 Copied
    Avatar: Anurag
    Anurag
    Participant
    March 18, 2025 at 10:53

    you did this thing on desktop i want this on mobile and also i dont wanna show this on desktop

    Files is visible for topic creator and
    support staff only.
    #437730 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    March 19, 2025 at 05:12

    Hi @Anurag,

    Please update the custom JS code to this:

    
var mywindow = $(window);
var mypos = mywindow.scrollTop();
var up = false;
var newscroll;
mywindow.scroll(function () {
    if(mywindow.width() > 600) return;
    newscroll = mywindow.scrollTop();
    if (newscroll > mypos && !up) {
        $('.et-mobile-panel-wrapper').stop().slideToggle();
        up = !up;
        console.log(up);
    } else if(newscroll < mypos && up) {
        $('.et-mobile-panel-wrapper').stop().slideToggle();
        up = !up;
    }
    mypos = newscroll;
});

    Hope it helps!

    #437817 Copied
    Avatar: Anurag
    Anurag
    Participant
    March 19, 2025 at 07:16

    Can you make it a little bit smoother please 🙂

    #437827 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    March 19, 2025 at 09:53

    Dear @Anurag,

    For any additional customizations beyond the default functionalities, we kindly invite you to submit a request through our Customization Panel at https://www.8theme.com/account/#etheme_customization_panel. Please note that customization services are subject to additional charges.

    Should you have any further questions or require assistance, please do not hesitate to contact us.

    Best regards,
    8Theme’s Team

    #437854 Copied
  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Mobile panel problem i waana make him like i want’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Corporate – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
School – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.