fauzanjeg

Jeg Kit || Custom Nav Menu Animation for Mobile device

Dec 1st, 2025
635
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.14 KB | None | 0 0
  1. /* Jeg Kit || Custom Nav Menu Animation for Mobile device */
  2. body[data-elementor-device-mode="mobile"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper,
  3. body[data-elementor-device-mode="mobile_extra"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper,
  4. body[data-elementor-device-mode="tablet"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper {
  5.     width: 100%;
  6.     max-width: unset !important;
  7. }
  8.  
  9. body[data-elementor-device-mode="mobile"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper,
  10. body[data-elementor-device-mode="mobile_extra"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper,
  11. body[data-elementor-device-mode="tablet"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper {
  12.     left: 0 !important;
  13.     opacity: 0;
  14.     transition: opacity 0.4s ease !important;
  15.     pointer-events: none;
  16. }
  17.  
  18. body[data-elementor-device-mode="mobile"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper.active,
  19. body[data-elementor-device-mode="mobile_extra"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper.active,
  20. body[data-elementor-device-mode="tablet"] .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper.active {
  21.     opacity: 1;
  22.     pointer-events: auto;
  23. }
  24.  
Advertisement
Add Comment
Please, Sign In to add comment