Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 13, 2014 at 5:59 am #303652
    pbennion

    Good Morning,

    On my site I have just added a small image snippet to show a bouncing down arrow for all full width easy sliders.

    This is to indicate that there is more content below the full screen images.

    I had to use a large Z-Index to make this appear over the top of the new image sliders as it was being hidden when new image slide refreshed.

    This has caused it to now appear ontop of the Mobile Menu.

    Can you please let me know the current z-index for the mobile menu (if this is be best way to fix).

    Or if a better way would be to find out the z-index for the easy full width sliders uses for main image
    and the value it uses for next image to appear infront.

    This will make it easy to change the bouncing arrow to be just 1 value above this.

    Cheers

    Paul

    August 13, 2014 at 12:37 pm #303777
    Yigit

    Hi Paul!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #mobile-advanced { z-index: 1000001; }

    Regards,
    Yigit

    August 13, 2014 at 3:16 pm #303868
    pbennion

    Good afternoon,

    Thanks for the suggestion.
    I have added this to the custom CSS

    However this has the unintended consequence of now the mobile menu does not show the site logo or mobile menu icon when clicked.

    This is assumable as the main div is now ontop of these elements.

    Do you know what the zindex is of the full width slider as might be better to just go 1 above these and keep below the mobile menu.

    Or add higher zindex to the logo and menu icon.

    Thanks again.

    Paul

    August 13, 2014 at 3:22 pm #303872
    Yigit

    Hey Paul

    Please change z-index value of your bouncing element and set it to 999

    .aria-image-bounce { z-index: 999; }

    It seems to be working fine

    Cheers!
    Yigit

    August 13, 2014 at 4:06 pm #303901
    pbennion

    Hey Thanks for the update.

    Coincidenially.

    I had just made this change less than 5 minutes ago.

    I have set my image down arrow to 999.

    As I saw that the div was 1000px.

    Thanks for pointing me in the right area.

    Warm regards

    Paul

    August 13, 2014 at 4:42 pm #303923
    Yigit

    Hey!

    You are welcome Paul, glad we could help :)
    Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile Menu Overlay’ is closed to new replies.