Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Vanessa Contreras 4 posts 85 karma points
    Aug 17, 2020 @ 09:15
    Vanessa Contreras
    0

    Please Help!! Change the color of the navigation bar

    Hi everyone! My navbar is completely black when you slide down and I would like it to be more transparent. Does anyone know how I can change it? Thanks!

  • Steve Morgan 1280 posts 4218 karma points c-trib
    Aug 17, 2020 @ 10:00
    Steve Morgan
    0

    Hi,

    This sounds like you're talking about your front end website rather than Umbraco itself? Am I right?

    You'll likely need to make a CSS change. You might be able to do this using your Umbraco backoffice but it might just be easier to get a developer to help you.

    If you don't mind sharing the website url here someone might steer you in the right direction if you want to have a go yourself.

    Steve

  • Vanessa Contreras 4 posts 85 karma points
    Aug 17, 2020 @ 11:48
    Vanessa Contreras
    0

    Hi Steve! Thank you for your help. The web is https://blue-mice.com/ . If you slide down you can see the black navbar. Thank you again

  • Steve Morgan 1280 posts 4218 karma points c-trib
    Aug 17, 2020 @ 16:08
    Steve Morgan
    100

    Pasting this at the bottom of your css file will most likely do what you need.

    @media (min-width: 1200px) {
        .nav-box.nav-scroll {
            background-color: rgb(0 0 0 / 33%);
        }
    
        .navbar.navbar {
            background-color: rgb(0 0 0 / 33%);
        }
    }
    
  • Vanessa Contreras 4 posts 85 karma points
    Aug 25, 2020 @ 06:07
    Vanessa Contreras
    1

    It's resolved. Thank you Steve!

  • Janneke ten Caten 1 post 71 karma points
    24 days ago
    Janneke ten Caten
    0

    Hi,

    Can you please help. Our menu is a very large grey square. It has to be a small one with the colors of our company. How can I change it, I can't find it anywhere

    website: fysiovanhoof.nl

  • Steve Morgan 1280 posts 4218 karma points c-trib
    24 days ago
    Steve Morgan
    0

    Hi,

    I'd recommend a crash course in how to use Dev tools in your browser.

    You can experiment with css changes and then add these to your css style sheet.

    Look for the first dropdown-menu element, add display: block and you'll be able to tweak from there.

    https://developers.google.com/web/tools/chrome-devtools/css

    enter image description here

Please Sign in or register to post replies

Write your reply to:

Draft