Home Forums Themes Support TeeSpace Sticky container

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #13234
    alexandru
    Supported

    Hello! I’ve created a new menu container in the header, but I can’t seem to make it sticky. Is there perhaps an option in Elementor that I haven’t seen? Thank you!

    #13238

    Hi,
    Thanks for contacting us and choosing our product!
    Please note in our theme we support Sticky Header & Sticky Menu.
    So if you are choosing Sticky Menu, in the Header Container you need have Haru Nav Menu widget.
    If not you need to choose Sticky Header.
    It’s better if you can have screenshot or example URL.
    Hope this helps!

    ****
    Regards,
    HaruTheme

    #13242
    alexandru
    Supported

    More specifically, I want to keep the sticky header enabled (header+menu) but I don’t need the Haru Text Scroll to be sticky as well. I hope you understand from the attached image. Thank you!

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

    Hi,
    As in your screenshot you can try Sticky Menu and the Structure is:
    – Container of Scroll Text
    – Container of Sticky Menu Desktop includes (hide on Mobile):
    + Desktop Header
    + Desktop Menu
    – Container of Sticky Menu Mobile includes (Hide on Desktop):
    + Mobile Header
    + Mobile Menu
    Hope this helps!

    ****
    Regards,
    HaruTheme

    #13248
    alexandru
    Supported

    Thank you, but I don’t quite understand…
    I’ve set it to Header Sticky Element – Sticky Menu (only desktop Haru Nav Menu is sticky, on mobile nothing is sticky), but from there onwards, I’m lost.
    I don’t understand how and where to activate or deactivate sticky menu structure (- +).

    #13251

    Hi,
    Here is the js code we use for Sticky Menu:

    if ($('#haru-header').hasClass('haru-header--sticky')) {
              var header = $('#haru-header'),
                headerHeight = $('#haru-header').height(),
                adminBarHeight = $('.admin-bar').length ? $('#wpadminbar').height() : 0
    
              if ($(window).width() <= 600) {
                adminBarHeight = 0
              }
    
              var offset_top = headerHeight + adminBarHeight
    
              // May be check case sticky menu
              if (header.hasClass('haru-header--sticky-menu')) {
                if (header.find('.haru-nav-menu').length > 0) {
                  var stickyMenuSection = header
                    .find('.haru-nav-menu')
                    .parents('.e-container--row:not(.header-sidebar-section), .elementor-element.e-con:not(.header-sidebar-section)')
                    .last()
                } else if (header.find('.haru-menu-toggle-popup').length > 0) {
                  var stickyMenuSection = header
                    .find('.haru-menu-toggle-popup')
                    .parents('.e-container--row:not(.header-sidebar-section), .elementor-element.e-con:not(.header-sidebar-section)')
                    .last()
                } else if (header.find('.haru-menu-toggle-sidebar').length > 0) {
                  var stickyMenuSection = header
                    .find('.haru-menu-toggle-sidebar')
                    .parents('.e-container--row:not(.header-sidebar-section), .elementor-element.e-con:not(.header-sidebar-section)')
                    .last()
                }
    
                var offset_top = stickyMenuSection ? stickyMenuSection.outerHeight() + adminBarHeight : 0 + adminBarHeight
              }
            }

    It means the parent container level 0 that contain .haru-nav-menu or .haru-menu-toggle-popup or .haru-menu-toggle-sidebar will sticky.
    Structure:
    – Container of Scroll Text
    – Container for Sticky
    + Container of Sticky Menu Desktop includes (Hide on Mobile):
    ++ Desktop Header
    ++ Desktop Menu
    + Container of Sticky Menu Mobile includes (Hide on Desktop):
    ++ Mobile Header
    ++ Mobile Menu
    Please check carefully.
    Hope this helps!

    ****
    Regards,
    HaruTheme

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

You must be logged in to reply to this topic.