Tagged: , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 27, 2015 at 12:20 am #509612
    evdesignstudio

    Hello.

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

    Thank you.

    Eva

    September 27, 2015 at 3:41 pm #509689
    Elliott

    Hi evdesignstudio!

    Add this to your custom CSS.

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

    Cheers!
    Elliott

    September 27, 2015 at 11:41 pm #509755
    evdesignstudio

    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

    September 28, 2015 at 12:30 pm #509998
    Yigit

    Hi!

    You can refer to my post here – https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263 to display different elements on desktop and mobile.

    Regards,
    Yigit

    September 28, 2015 at 9:24 pm #510412
    evdesignstudio

    That worked perfectly!

    Thanks so so much, Yigit!

    September 29, 2015 at 7:18 am #510571
    Rikard

    Hey,

    Great, glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Glassy fullwidth submenu’ is closed to new replies.