[Gnomo BàgnoloParticipant]

Hi

I’ve checked “Fixed Top” option on Header Navbar Position:
Why this option works only for DESKTOP and it doesn’t works for MOBILE?

Thank You

[FriechModerator]

Hi There,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[Gnomo BàgnoloParticipant]

Is it possible with some of your additional Plugins/Extensions (like Ubermenu or Superfly)?

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (max-width: 979px){
.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
    position: fixed;
}
}

Hope that helps.

[Gnomo BàgnoloParticipant]

Thank You

I added also:

.x-btn-widgetbar {
position: fixed;
}

@media (max-width: 979px) {
.x-widgetbar {
position: fixed;
}
}

in order to FIX on top also Header Widget and Button.

Is it OK?

[ChristopherModerator]

Hi there,

Please add this code :

@media (max-width: 979px) {
.x-btn-widgetbar,.x-widgetbar { 
{
    position: fixed;
}
}

Thanks.

[Gnomo BàgnoloParticipant]

Hi

Fixed Top on Mobile works fine, BUT I have an issue with Breadcrumbs

Breadcrumbs is visible on page load

Breadcrumbs becomes invisible (hidden behind Navbar) after scroll

Do you have any suggestion?

Thank You

[RupokMember]

Hi there,

Thanks for writing back. That sounds unusual and we need to check your site. Kindly provide your site URL.

Cheers!

[Gnomo BàgnoloParticipant]

Thanks

http://www.ilsentierodeglignomi.it

Try pages (with Breadcrumbs) different from homepage

Thank You

[RadModerator]

Hi there,

Hmm, it seems to be working. Breadcrumbs are supposed to be covered by navbar when you scrolled it since navbar is fixed positioned. Or are you trying to move your breadcrumb as navbar moves too?

Thanks!

[Gnomo BàgnoloParticipant]

Thank you

I try to explain better with an example

ON MOBILE DEVICES If you go to page
http://www.ilsentierodeglignomi.it/blog/
You can try

1) on OPEN everything works fine

2) on FIRST SCROLL DOWN everything works fine (Breadcrumbs is covered by Navbar)

3) if now you SCROLL UP to the Top of the page, Breadcrumbs remain covered by Navbar; I’d like to come back to beginning situation like 1st point

Thank you

[Rue NelModerator]

Hello There,

Thanks for writing in! To resolve this issue, please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

// Fixed Top Navbar
// =============================================================================

jQuery(function($) {

  var $body   = $('body');
  var $navbar = $('.x-navbar');

  if ( $body.hasClass('x-navbar-fixed-top-active') && $navbar.length > 0 ) {

    var boxedClasses = '';

    if ( $body.hasClass('x-boxed-layout-active') ) {
      boxedClasses = ' x-container max width';
    }

    $(window).scroll(function() {

      if ( $(this).scrollTop() >= 55 ) {
        $navbar.addClass('x-navbar-fixed-top' + boxedClasses);
      } else {
        $navbar.removeClass('x-navbar-fixed-top' + boxedClasses);
      }

    });

  }

});

We would loved to know if this has work for you. Thank you.

[Gnomo BàgnoloParticipant]

Thanks!

It works perfectly!

Great Support!
Best Support!

[Rue NelModerator]

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

Happy New Year!

[Author]

Posts