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

    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

    #764399

    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

    #765291

    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

    #766259

    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

    #767278

    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

    #767498

    Hi,

    Maybe try

     mobile_advanced.insertAfter(menu_bg);

    .

    Best regards,
    Victoria

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

You must be logged in to reply to this topic.