Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 25, 2018 at 8:37 am #1014034
    Ink_Eye

    Hi dear Kriesi team,

    in my current mega menu I use big images. Big thanks for the video https://vimeo.com/67651241

    In this thread https://kriesi.at/support/topic/how-to-remove-the-dropdown-menu-shadow/ I found how to remove the shadow. So I tried to get a shadow with this:

    .avia_mega_div .sub-menu{
    -moz-box-shadow: 0px 40px 150px 100px grey !important;
    -webkit-box-shadow: 0px 40px 150px 100px grey !important;
    box-shadow: 0px 40px 150px 100px grey !important;
    }

    Is this possible?
    The menu should thus stand out more from the page content.

    Best regards,
    Thomas

    • This topic was modified 6 years, 1 month ago by Ink_Eye.
    September 25, 2018 at 3:36 pm #1014236
    Victoria

    Hey Ink_Eye,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#header .avia_mega_div {
  -moz-box-shadow: 0px 40px 150px 100px grey;
  -webkit-box-shadow: 0px 40px 150px 100px grey;
  box-shadow: 0px 40px 150px 100px grey;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 25, 2018 at 5:53 pm #1014331
    Ink_Eye

    Hi Victoria,

    thank you! Thats close. Now the shadow appears on the main menu also. Is it a z-index thing?

    Best regards,
    Thomas

    September 26, 2018 at 2:36 pm #1014743
    Victoria

    Hi Thomas,

    I don’t see the effect at this point, did you remove the code? Or are you not using the mega menu anymore?

    Best regards,
    Victoria

    September 26, 2018 at 4:07 pm #1014823
    Ink_Eye

    Hi Victoria,

    sorry, the code was hidden. I use this code. The goal is to keep the menu bright.

    #header .avia_mega_div {
    -moz-box-shadow: 0px 0px 900px 900px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 900px 900px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 900px 900px rgba(0,0,0,0.1);
    }

    Thank you, Victoria.

    Best regards,
    Thomas

    September 26, 2018 at 7:06 pm #1014929
    Victoria

    Hi Thomas,

    The big shadow is due to 900px you set to be the size of the shadow.

    Best regards,
    Victoria

    September 27, 2018 at 8:31 am #1015170
    Ink_Eye

    Hi Victoria,

    the effect I try to get is:

    Only the content should get darker by the shadow. In the picture below I put screenshots together in photoshop:

    Thank you, Victoria,

    best regards, Thomas

    September 28, 2018 at 4:21 pm #1015772
    Victoria

    Hi Ink_Eye,

    Here is a thread for you to consider
    https://stackoverflow.com/a/6671887

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 28, 2018 at 5:35 pm #1015821
    Ink_Eye

    Hi Victoria,

    perfect, thank you!! I’ve found what I was looking for. :)

    Best regards,
    Thomas

    September 29, 2018 at 5:06 pm #1016091
    Victoria

    Hi Thomas,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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