Fix Header

Hey,
Can you post a link to your site?
Thanks!

Hannah

Hi Hannah, the link: hospedagemphp.ufrgs.br/progesp/

I’m only seeing the search icon out of alignment. Is that the only issue? You can use this css to fix that:

.topclass i.icon-search {
    font-size: 20px;
    line-height: 0;
}

Just paste that into your custom css box in Theme Options > Advanced Settings.

Hannah

Hi Hanna, thanks for the tip of the search icon!
But what I’d like is to leave the header fixed at the top anytime of my site, even when I move the scroll bar down.

Oh sorry, I misunderstood. Try adding this to your custom css:

.headerclass {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

Does that work to make your header fixed?

Hannah

Thank you very much for your attention, Hanna!
I tried to use the code, but did not leave the header fixed when I move the page down.

But what I’d like is to leave the header fixed at the top anytime of my site, even when I move the scroll bar down.

This is a premium theme feature, there is some javascript that runs and can stick the header when scrolling. Hannahs css could work but will create some issues for mobile whereas the premium configures all that.

Hannahs CSS didn’t work for you because you have this plugin installed: accessibility-spring

and for some reason I don’t understand it’s adding this css:

html {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

Which breaks any fixed elements. You would need to talk to the plugin author about it.

Thanks for help!