Overlapping content exist although set Offset for nav menu

Viewing 1 replies (of 1 total)
  • Plugin Author malihu

    (@malihu)

    9 years, 9 months ago

    Hello,

    The problem is with the ‘Offset’ selector you’ve set. You currently have #sticked-menu:fixed which means that offset is calculated based on the #sticked-menu height while its position is fixed.

    The thing is that your menu becomes fixed only after the page is scrolled a few pixels.

    When you click the menu link while the page is not scrolled or when scrolling to a different page, the offset value is 0 because your menu is not fixed (yet).

    The ‘Offset’ value you’ve set works only when clicking a menu link while the page is already scrolled past the point where the menu is fixed/sticky.

    You need to change the ‘Offset’ value to a more general selector like:

    #sticked-menu

    or 

    .site-header

    If you want to avoid offset on your mobile non-sticky menu, you can use plugin’s :width() expression on the selector. For example: 

    .site-header:width(>975)

    means that the offset will apply when .site-header is more than 975 pixels wide.

Viewing 1 replies (of 1 total)

The topic ‘Overlapping content exist although set Offset for nav menu’ is closed to new replies.