Header disappears when opening sidebar

  • Resolved drcaligarix

    (@drcaligarix)


    3 years, 1 month ago

    Dear WPZOOM Team,

    I am struggling with the header when using a sidebar in my INSPIRO Free Theme. When scrolling for instance to the midth of the page and click on the hamburger menu button the sidebar opens perfectly. BUT the header and espacially the closing button disappear. The mouse cursor becomes a horizontal object resizing arrow. Sure, the intuition makes the user click somewhere else to close the sidebar… But maybe you have a workaround for this? So that at least the closing x remains aside of the sidebar?

    Thanks a lot for your help!
    with best regards
    Søren

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Pavel Ciorici

    (@ciorici)

    3 years, 1 month ago

    Hello @drcaligarix

    Try adding this CSS code in the Customizer > Additional CSS:

    body.side-nav-open .site {
    transform: none;
    left: -380px;
}

@media screen and (max-width: 30em) {
    body.side-nav-open .site {
        transform: none;
        left: -320px;
    }

}
    Thread Starter drcaligarix

    (@drcaligarix)

    3 years, 1 month ago

    Thanks for your respond, Pavel!

    But unfortunatly that does not solve the problem. The navigation or header line with logo and closing X remain at the top of the site… and not at the top of the visible part. There has to be a solution, that keeps the transparent header in place when opening the sidebar.

    Pavel Ciorici

    (@ciorici)

    3 years, 1 month ago

    @drcaligarix That’s strange.

    I added the code in the demo of the free version, and it works fine:
    https://demo.wpzoom.com/inspiro-lite/

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Header disappears when opening sidebar’ is closed to new replies.