Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #80422
    Andy
    Participant

    Hi here,

    would like to make to top header sidebar sticky, just as the header, so that the site scrolles under top header sidebar and header – is that possible?
    Site – solability.com, theme adventurous pro
    Also – i seem not to be able to adjust the link colour in the top header sidebar?

    #80461
    Sakin
    Keymaster

    Hello Andy,

    This looks little difficult and might not work. So, recommend you to hire a customizer. Try adding in the following css in “Appearance => Theme Options => Custom CSS” box:

    #header-top {
        background-color: #fff;
        display: block;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
    }
    #masthead.fixed-header {
        box-shadow: none;
        top: 30px;
    }

    Regards,
    Sakin

    #80604
    Andy
    Participant

    that makes the top header disappear completly…
    thanks for the effort, anyway

    #80615
    Sakin
    Keymaster

    @Andy: Sorry I forgot to add in the following css. So, just add the above css and the following one together:
    body { padding-top: 52px; }

    #80665
    Andy
    Participant

    Sorry, same result – top header disappears completly if I have added that correctly:

    
    #header-top {
        background-color: #fff;
        display: block;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
    }
    #masthead.fixed-header {
        box-shadow: none;
        top: 30px;
    }
    body { padding-top: 52px; }
    #80685
    Sakin
    Keymaster

    @Andy: Let’s do this and if it’s not working then I need to check in your server.

    body { padding-top: 52px; }
    #header-top {
        background-color: #fff;
        display: block;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
    }
    #masthead.fixed-header {
        box-shadow: none;
        top: 52px !important;
    }

    Note: let me know if it’s not working then I will email you.

    #80989
    Andy
    Participant

    @Sakin

    tried this one too, doesn’t really work either. It makes the top header sidebar sticky, but it also makes it dissapear under the main header – the top header sidebar is under the main header, and therefore not visible (it looks out below the main header if I make he content big enough)
    thanks for your continued efforts – very much appreciated

    #81125
    Sakin
    Keymaster

    @Andy: What’s not working. Can you elaborate. As when I test in our server with the above css, it’s working fine.

    #81139
    Andy
    Participant

    it works – thanks a lot
    couldn’t see it as long as I was logged in the backend; guess the wp top header was covering it. When logged out, its perfect. Thanks again.

    #81404
    Sakin
    Keymaster

    @Andy: That’s fine as you don’t need that in admin section.

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Top header sidebar: sticky?’ is closed to new replies.