Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #509612

    Hello.

    I was wondering how could I make my fullwidth submenu have a semi transparent background to match the glassy header?

    Thank you.

    Eva

    #509689

    Hi evdesignstudio!

    Add this to your custom CSS.

    .av-submenu-container .container {
        background: rgba(0, 0, 0, 0.5) !important;
    }

    Cheers!
    Elliott

    #509755

    Hi Elliott.

    Thank you so much for this! I changed the code a bit to suit my site (because I’ve had various issues with the fullwidth submenu!) but it works fine! :-)

    Could I also ask… I would like not to have this fullwidth submenu shown on mobile at all. I don’t want the little menu button or background colour etc shown on mobile. With all the code I’ve added to make it work on desktop I’ve made it look strange on mobile (or smaller screens in general), so if I could just eliminate it completely there, that’d be great! Would this be possible?

    Thanks a lot!

    Eva

    #509998

    Hi!

    You can refer to my post here – https://kriesi.at/support/topic/ (Purchase code hidden if logged out) -in-mobile-version/#post-362263 to display different elements on desktop and mobile.

    Regards,
    Yigit

    #510412

    That worked perfectly!

    Thanks so so much, Yigit!

    #510571

    Hey,

    Great, glad we could help :-)

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Glassy fullwidth submenu’ is closed to new replies.