# Option to unstick the new navbar?

**URL:** <https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227>\
**Category:** YoYoExpert Site Improvements\
**Created:** [August 25, 2024, 3:02am UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227 "2024-08-25T03:02:06Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![cowmamba](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/cowmamba/32/270859_2.png) [@cowmamba](https://forums.yoyoexpert.com/u/cowmamba)\
**Post date:** [August 25, 2024, 3:02am UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/1 "2024-08-25T03:02:06Z")

</div>

Hey guys I see the forum is getting some updates and so far they look pretty neat but I do have one thing that is a bit bothersome and was wondering if there were going to be any site / forum settings to enable or disable certain features within our profiles?

The new nav bar that is always floating is kinda distracting and takes up quite a bit of valuable screen real estate when scrolling. I was wondering if it would be possible to have a user-defined option to choose to stick it or unstick it so it would scroll away with the rest of the contents of the site when you scroll?

---

<div class="post-metadata">

**Author:** ![fradiger](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/fradiger/32/66850_2.png) [@fradiger](https://forums.yoyoexpert.com/u/fradiger)\
**Post date:** [August 25, 2024, 1:21pm UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/2 "2024-08-25T13:21:36Z")

</div>

this userscript will disable that:

```auto
(function() {
    'use strict';

    //disable sticky header + sticky avatars in posts
    var css = `
        .d-header-wrap {
            position: relative !important;
        }
        .topic-post.sticky-avatar .topic-avatar {
            position: relative !important;
            top: unset !important;
        }
    `;

    //just inject at the top of every page
    var style = document.createElement('style');
    style.type = 'text/css';
    style.appendChild(document.createTextNode(css));
    document.head.appendChild(style);

    console.log('Custom CSS injected for YoYoExpert Forums -- fradiger');
})();

```

Tampermonkey for Firefox will install it

---

<div class="post-metadata">

**Author:** ![krq](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/krq/32/139217_2.png) [@krq](https://forums.yoyoexpert.com/u/krq)\
**Post date:** [August 25, 2024, 3:32pm UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/3 "2024-08-25T15:32:08Z")

</div>

This navbar is horrendous

---

<div class="post-metadata">

**Author:** ![AndreBoulay](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/andreboulay/32/69662_2.png) [@AndreBoulay](https://forums.yoyoexpert.com/u/AndreBoulay)\
**Post date:** [August 26, 2024, 2:20am UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/4 "2024-08-26T02:20:11Z")

</div>

Is this on desktop I’m guessing?

It ‘might’ be a few pixels taller - but the previous theme still had a top nav bar that still ‘stuck’… So that didn’t change… we did tweak it so it was more prominent as rounded rectangle. My goal with this was more to distinguish the fact that you were on the forum versus the rest of the website… But maybe when it scrolls it feels better when its full width and thats what is annoying?

# Old

 ![Screenshot of Google Chrome at Aug 25, 2024 at 10_18_30 PM](https://us1.discourse-cdn.com/flex015/uploads/yoyoexpert1/original/4X/9/7/b/97bfc95b515c6aaa77fb0016bb8b2beb33f2a886.png)

# Work in Progress

 ![Screenshot of Google Chrome at Aug 25, 2024 at 10_18_15 PM](https://us1.discourse-cdn.com/flex015/uploads/yoyoexpert1/original/4X/0/2/8/02827c18429da19f38cf12e54a3788f295a02e22.png)

---

<div class="post-metadata">

**Author:** ![Mooky](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/mooky/32/231674_2.png) [@Mooky](https://forums.yoyoexpert.com/u/Mooky)\
**Post date:** [August 26, 2024, 2:30am UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/5 "2024-08-26T02:30:13Z")

</div>

The red is pretty distracting, It feels like a constant notification. I don’t mind the icon change but I would prefer the original color.

Has there been an issue with people being confused where they are at on the website? I feel like it was already easy to tell where I was.

---

<div class="post-metadata">

**Author:** ![AndreBoulay](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/andreboulay/32/69662_2.png) [@AndreBoulay](https://forums.yoyoexpert.com/u/AndreBoulay)\
**Post date:** [August 26, 2024, 3:22am UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/6 "2024-08-26T03:22:44Z")

</div>

Cool - I’ll play around with it.

The red was to distinguish from the header of the website itself being pretty close to black since when we added it - it was a very large big black block at the top on desktop - but this kind of feedback helps for sure! It’s probably a combination of the color and the shape especially when it scrolls which makes sense.

With everyone using different screen sizes too one person’s experience can be very different from another so this is helping me get a better picture. Thanks!

---

<div class="post-metadata">

**Author:** ![fradiger](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/fradiger/32/66850_2.png) [@fradiger](https://forums.yoyoexpert.com/u/fradiger)\
**Post date:** [August 26, 2024, 1:25pm UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/7 "2024-08-26T13:25:21Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/yoyoexpert1/original/4X/a/a/b/aab4ab9ec1832bb9c1b5978cd7c8938c06e1b830.png)

This is the main issue I have right now, the icon being cut off, my browser is `Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:129.0) Gecko/20100101 Firefox/129.0` @ 1440p

---

<div class="post-metadata">

**Author:** ![cowmamba](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/cowmamba/32/270859_2.png) [@cowmamba](https://forums.yoyoexpert.com/u/cowmamba)\
**Post date:** [August 26, 2024, 2:27pm UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/8 "2024-08-26T14:27:08Z")

</div>

Oh shoot, well, now I feel like a doofus hahaha! I guess I didn’t realize it was floating when you scroll before maybe being full width like you said made it less obvious. I’m sure I’ll get used to the new one over time. Thanks for the response I appreciate it.

---

<div class="post-metadata">

**Author:** ![Mediumwell](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/mediumwell/32/1296_2.png) [@Mediumwell](https://forums.yoyoexpert.com/u/Mediumwell)\
**Post date:** [August 26, 2024, 3:01pm UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/9 "2024-08-26T15:01:16Z")

</div>

in my opinion, stylistically speaking, the old looks much better than the new red. having it extend the width of the window looks more uniform than having a ‘floating’ rectangle with rounded corners. kind of breaks a lot of standard/best practice design rules when it comes to nav bars.

also the home icon appears different depending on which browser you’re on and again, stylistically speaking, the colors do not fit the theme of the rest of the website. there’s no easy fix for that though unless you were to just recolor the home yourself to YYE colors…

---

<div class="post-metadata">

**Author:** ![fradiger](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/fradiger/32/66850_2.png) [@fradiger](https://forums.yoyoexpert.com/u/fradiger)\
**Post date:** [August 26, 2024, 3:15pm UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/10 "2024-08-26T15:15:36Z")

</div>

For now you can also change your theme in the interface settings to yoyoexpert dark to get the old layout back 🙂 just comes with a few weird coloring tradeoffs

---

<div class="post-metadata">

**Author:** ![Mooky](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/mooky/32/231674_2.png) [@Mooky](https://forums.yoyoexpert.com/u/Mooky)\
**Post date:** [August 27, 2024, 2:46am UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/11 "2024-08-27T02:46:15Z")

</div>

As it is right now with the red fading into the black is sick! This works fine for me but is the house emoji permanent? I miss the YYE logo.

---

<div class="post-metadata">

**Author:** ![AndreBoulay](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/andreboulay/32/69662_2.png) [@AndreBoulay](https://forums.yoyoexpert.com/u/AndreBoulay)\
**Post date:** [August 27, 2024, 3:20am UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/12 "2024-08-27T03:20:32Z")

</div>

Yeah - was saying the same - the house icon was a default thing and is getting changed too - we were still just working through iterations.

---

<div class="post-metadata">

**Author:** ![cowmamba](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.yoyoexpert.com/cowmamba/32/270859_2.png) [@cowmamba](https://forums.yoyoexpert.com/u/cowmamba)\
**Post date:** [August 27, 2024, 3:45am UTC](https://forums.yoyoexpert.com/t/option-to-unstick-the-new-navbar/408227/13 "2024-08-27T03:45:56Z")

</div>

Dang that looks pretty nice!