Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 20, 2017 at 3:30 pm #763666
    m9491

    Hi,

    I’ve been looking for a way to make the mobile menu background transparent. When I use the solution in this link: https://kriesi.at/support/topic/mobile-menu-transparent-background/ the text and hover colors are see-through as well.

    What I’ve been trying to do is creating an extra layer in the mobile menu, which can be styled with the background color and opacity without messing with the text (see images). I’m sure I’m missing something somewhere. Can you help me in the right direction?

    Best regards,
    M

    March 21, 2017 at 10:35 pm #764399
    Victoria

    Hey m9491,

    Did you mean something like this (put it in custom.css):

    
.show_mobile_menu #mobile-advanced {
    background-color: rgb(0, 0, 204);
    opacity: 0.7 !important;
    z-index: 999;
}

.show_mobile_menu #mobile-advanced li {
	z-index: 1000;
}

    And then you can change styles of the close button and add animation if you wish.
    Let us know if this was helpful.
    Best regards,
    Victoria

    March 23, 2017 at 10:44 am #765291
    m9491

    Hi,

    No, it’s the menu’s background (so the background on which the menu links are shown if that makes more sense). Right now, if you open the menu on the website (see link in earlier post) the menu’s background is black. If I make that transparent, the menu text and hover colors etc. turns transparent too, because they are child elements of the div I’ve styled to be black and transparent. So what I want is to create an extra div beside the menu layer, which I can make transparent without affecting the menu links and hover colors. I hope this explains it better.

    Best regards,
    M

    March 24, 2017 at 4:07 pm #766259
    Victoria

    Hi m9491,

    Then you can try placing a div before ul#mobile-advanced and give the style to it, with same position, just a different z-index.

    Best regards,
    Victoria

    March 27, 2017 at 9:46 am #767278
    m9491

    Hi again,

    Yes, that’s what I’ve been trying to do (see the image attachments in the first post). But I’m not sure how to make it fully work – can you say if I’m missing to insert a code somewhere or if I have to do something entirely else?

    Best regards,
    M

    March 27, 2017 at 3:38 pm #767498
    Victoria

    Hi,

    Maybe try

     mobile_advanced.insertAfter(menu_bg);

    .

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.