Transparent Navigation Bar

CodeVibrant Forums News Vibrant Pro Transparent Navigation Bar

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #618
    jay
    Participant

    Hey! I’m using News Vibrant Pro Theme and I’m having trouble making my navigation bar transparent. I’ve tried adding multiple css to “Additional CSS” with little to no luck.
    This code below made it transparent for me but now its a sticky menu.

    .main-navigation:not(.is_stuck) {
    position: fixed;
    left: 0;
    right: 0;
    }

    I would like for the navigation bar to be transparent but for it to stay only at the top of the screen. If you have any ideas I’d love to try.

    #622
    codevibrant
    Keymaster

    Hello @jay

    Can you please send us the live URL so that we can check and give you the feedback according to that?

    Thanks 🙂 !

    #635
    jay
    Participant

    http://ebd.visitorsmedia.com/blog/

    As you can see, the navigation bar is transparent but it is also now a sticky menu. I’ve tried disabling that feature but nothing changes.

    Another issue I am running into is how the menu looks on mobile. It’s auto expanding each time you go to the site. See the screen shot below.
    file:///Users/carley/Desktop/Screen%20Shot%202018-06-20%20at%208.06.16%20AM.png

    I hope this can help, thanks for yours!!

    #636
    jay
    Participant

    Thanks for getting back with me!
    Heres the website:
    http://ebd.visitorsmedia.com/blog/

    As you can see, the navigation bar is transparent but now it’s also a sticky menu. I’ve tried disabling that feature but nothing changes.

    Another issue I am running into is how the menu looks on mobile. It’s auto expanding each time you go to the site.
    See the screen shot below:
    file:///Users/carley/Desktop/Screen%20Shot%202018-06-20%20at%208.06.16%20AM.png

    I hope this helps! Thank you!!

    #637
    jay
    Participant

    Thanks for getting back to me!
    Heres the website I’m working on below:
    http://ebd.visitorsmedia.com/blog/

    As you can see, the navigation bar is transparent but it is also now a sticky menu. I’ve tried disabling that feature but nothing changes.
    Another issue I am running into is how the menu looks on mobile. It’s auto expanding each time you go to the site.

    I hope this helps, thank you!!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.
EXTENDED CHRISTMAS OFFER 🎁🚀 !! Expired!
00 Days
00 Hrs
00 Mins
00 Secs
🚀 Unlock 30% OFF on our Annual Plan 🎁 Use Code: CVXMAS
Easter Sale 2021 !! Use Coupon code cveaster21 to get 25% OFF on any of our Premium Themes & Plugins