Profile blockage

[Maskottchen]

i need help on to remove profile tag which is blocking my work.

this make it difficult to preview my work

thanks

[ilenia]

what browser and operating system are you using?
please make sure your browser is fully updated

[raisedadead]

This seems like a consistently reappearing issue with older browsers (which we technically do not support).

I am fairly sure the issue due to a “not-standard-yet” CSS API. I will put this up on the issue tracker just in case. But we can’t make promises for older browsers, unfortunately.

User profile icon blocks other elements in the navbar

@Maskottchen, please update your browser to get past this for now.

[lasjorg]

What system are you on, isn’t it Windows 10? Can you not just update your browsers?

Otherwise, one temporary option might be to install tampermonkey, create a new script, add the code shown below.

Code

// ==UserScript==
// @name         fCC Icon fix
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Fix for unsupported CSS
// @author       lasjorg
// @match        https://www.freecodecamp.org/learn/*
// @icon         https://www.google.com/s2/favicons?domain=freecodecamp.org
// @grant        none
// ==/UserScript==

(function() {
    const styleElement = document.createElement('style');
    styleElement.innerHTML = `
    .navatar {
      display: flex !important;
    }
    `
    document.head.appendChild(styleElement);
})();

It should work but I haven’t tested it all that thoroughly.