Sticky navbar - suggestions + more!

2 posters

Sticky navbar - suggestions + more!Sat Jun 10, 2023 7:51 pm

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...

Re: Sticky navbar - suggestions + more!Fri Jun 23, 2023 2:50 pm

Hi,

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

Your Ad Here Your Ad Here Your Ad Here Your Ad Here Your Ad Here Your Ad Here Your Ad Here Your Ad Here Your Ad Here Your Ad Here

Permissions in this forum:

You cannot reply to topics in this forum

Feature Items ::

1 / 6

AForum Forum Services

This forum has gone through many name titles, but now we're back as AForum. We've been around since 2012. (Former Title: FPromotion.) Anyways, let me tell you a little bit about AForum and its main objective: We are here to Advertise for you. Get your forum known and filled with traffic. We just don't advertise your forum, we do a bit of it too, to get known. With that being said we go to different platforms that offer forum promotion and we try to get ourselves known and get traffic from all kinds of users. Examples of different platforms: Forumotion, VBulletin, PhpBB, Xeforo, and so on. So we make sure there'll be some sort of traffic coming your way. Very important fact, anyone is welcome to advertise anything, YouTube channel, TikTok, etc... Aside from Advertising, we provide other services such as: Reviews for Blogs, websites, or forums. Post Count Packages for your forum: +New member, request graphics designs or show off. Unfortunately, at the moment these services are offline due to no personnel. We will strive to provide the best promotion service you can use!

Visit

2 / 6