6 replies

My SVG hamburger menu is not showing up.

Hello,
I am pretty new to html and css and I am currently working on a navigation bar similar to Kevin's from the video called "Responsive navbar tutorial using HTML CSS & JS".

My code looks like this

    .mobile-nav-toggle {
        position: absolute;
        background: url("../Assets/menu.svg");
        background-repeat: no-repeat;
        width: 4rem;
        z-index: 9999;
        border: 1;
        top: 2rem;
        right: 2rem;
        aspect-ratio: 1 / 1;
    }

    .mobile-nav-toggle {
        position: absolute;
        background: url("../Assets/menu.svg");
        background-repeat: no-repeat;
        width: 4rem;
        z-index: 9999;
        border: 1;
        top: 2rem;
        right: 2rem;
        aspect-ratio: 1 / 1;
    }

but nothing is showing up.

I tried using different svg menus that I found across the internet and it seems like the aspect ratio didn't work on 1 of them and it didn't resize the svg to the width that I set it to.

What am I doing wrong?

KP-C

Kevin Powell - Community•4y ago•

6 replies

Pqteras

My SVG hamburger menu is not showing up.

    .mobile-nav-toggle {
        position: absolute;
        background: url("../Assets/menu.svg");
        background-repeat: no-repeat;
        width: 4rem;
        z-index: 9999;
        border: 1;
        top: 2rem;
        right: 2rem;
        aspect-ratio: 1 / 1;
    }

    .mobile-nav-toggle {
        position: absolute;
        background: url("../Assets/menu.svg");
        background-repeat: no-repeat;
        width: 4rem;
        z-index: 9999;
        border: 1;
        top: 2rem;
        right: 2rem;
        aspect-ratio: 1 / 1;
    }

My SVG hamburger menu is not showing up.

Similar Threads

My SVG hamburger menu is not showing up.

Similar Threads

Similar Threads

Similar Threads