Fixed header not working with open submenu

  • Hi,

    I just began to use Bento for my website and I wanted to fixed the header.

    To modify the fixed header, I used the CSS commands :

    .site-header.fixed-header {
    overflow:auto;
    background-color: #191919;
    opacity : 0.85;
    }

    But the header is sometimes clipping and always when a submenu is open/unrolled.

    How can I fix it ?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author satoristudio

    (@satoristudio)

    Hello @kedeith,

    thanks for choosing Bento! Not sure I understood the problem – could you please elaborate what you mean by “clipping”? A screenshot or a screencast would help even more, as in that case I’d have a visual to rely on.

    Thread Starter kedeith

    (@kedeith)

    Sure, here is a video showing the problem : https://youtu.be/OZ5P-okOWoI

    Theme Author satoristudio

    (@satoristudio)

    Thanks for the details! The website has an overflow: auto; and other declarations on the .site-header.fixed-header added via custom CSS (i.e. not part of the theme) which leads to this effect. Could you please try removing those and checking if the issue persists?

    Thread Starter kedeith

    (@kedeith)

    Without any CSS declarations, the issue is not totally solved : https://youtu.be/mHZwcDs62U0

    After multiple tests with overflow I think that the problem comes from the hidden header that stays at the top of the page when we scroll.

    Thread Starter kedeith

    (@kedeith)

    By the way I can’t modify the background color of the fixed header without the .site-header.fixed-header commands

    Theme Author satoristudio

    (@satoristudio)

    I see the issue, yet I can’t seem to be able to replicate it on a fresh Bento install. Could you please try adding this CSS snippet?

    .primary-menu .sub-menu { z-index: 99 !important; }

    Thread Starter kedeith

    (@kedeith)

    It is not perfect bur far better thank you ! I will keep it that way
    https://youtu.be/QzQzlrQ6ePA

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Fixed header not working with open submenu’ is closed to new replies.