Sticky navbar - suggestions + more!

in your javascript called sticky navbar, you should replace the style itself to:

Code:

#fa_sticky_nav {
    font-size: 0;
    text-align: center;
    background: #b3280a;
    border-bottom: 1px solid #222 !important;
    height: 30px;
    position: fixed;
    right: 0;
    z-index: 999;
    overflow: hidden;
    transition: top 200ms linear, width 600ms ease-in-out;
    width: 100%;
    top: 0px;
}

Maybe you can hide that button, and make it visible when you mouse-over it?

Code:

#fa_sticky_toggle {
    background: url(https://i.imgur.com/Sd8shM9.png) no-repeat 0 0 #b3280a;
    border: 1px solid #b3280a;
    color: #FFF;
    border-right: none;
    display: inline-block;
    height: 29px;
    width: 30px;
    position: fixed;
    right: 0;
    z-index: 999;
    transition: top 200ms linear;
}

And: background: url(https://i.servimg.com/u/f21/18/21/41/30/row10.gif)

With: background: url(https://i.imgur.com/sJ54gsh.gif)

And: background: url(https://i.servimg.com/u/f21/18/21/41/30/omnida11.png) no-repeat 0 0 #333;

With: background: url(https://i.imgur.com/Sd8shM9.png) no-repeat 0 0 #333; v2: background: url(https://i.imgur.com/rGzhHX5.png) no-repeat 0 0 #333;

Another suggestions:

Code:

.inner_tabs a.fa_tabactif, .inner_tabs a:hover {
    background: #b3280a;
    position: relative;
    bottom: -1px;
    opacity: 1;
}

Code:

.inner_tabs a {
    color: #FFF !important;
    background: #b3280a;
    border: 1px solid #CCC;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    text-decoration: none!important;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    padding: 0 10px;
    margin: 3px 3px 0;
}

Code:

#fa_catglist {
    background: #b3280a;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 10px 6px;
}

if you dont like this, just ignore it then

Code:

.widget_menu:after {
    content: "\f055";
    font-size: 20px;
    color: #b3280a;
    font-family: FontAwesome;
}

Code:

.postavatars img {
    height: 80px;
    -webkit-border-radius: 3px;
    background: #b3280a;
    border: 1px solid #b3280a;
    border-radius: 3px;
    box-shadow: inset #b3280a 0 1px 4px;
    margin-bottom: 0;
    padding: 3px;
}

Ive seen you put only light mode, and now back to dark mode... some black texts wont match with the field theirself... and some is in another colors!

i think thats it, for now...

Hi,

Mihai thank you for these suggestions. Can I possibly get screenshots with the solutions before changing any codes. Thank you.