Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #22470

    Is there an easy way to keep the logo and search field visible at all times with the main menu when scrolling?

    Thanks –

    TS

    #115883

    Hi,

    You can add this on your custom.css or Quick CSS.

    #header .container_wrap_menu {
    margin-top: 80px;
    }

    #header .container_wrap_logo {
    position: fixed;
    top: 0;
    padding-top: 20px;
    }

    Regards,

    Ismael

    #115884

    Thanks Ismael!

    That worked but now header is now jumping between boxed or full width when I scroll. any idea why?

    #115885

    Try following css code:

    #header .container_wrap_menu {
    margin-top: 80px;
    z-index: 10;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    }

    #header .container_wrap_logo {
    position: fixed;
    top: 0;
    padding-top: 20px;
    left: 0;
    width: 100%;
    padding-bottom: 35px;
    }

    .responsive #header .container {
    margin: auto;
    }

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

The topic ‘Keep full header when scrolling?’ is closed to new replies.