Add padding to lightbox titles and counters

Slick Menu plugin wrap theme code with additional block element for 3d effect. But Gmedia adds lightbox dynamically to the body, but not to the created wrapper block element. The only solution is to make Gmedia Lightbox higher with z-index, so hamburger menu will be hidden:

.gmedia_AlbumsListMasonry_TermCollection { z-index: 99999998; }

Hello,
Thanks for your reply. I understand what you mean, but I think there is a little confusion here with the above request and the one I sent through Gmedia support.

1. For the above request, I just need to push the titles and counters (in the lighbox) vertically a little lower, so they are not displayed at the same position as the left hamburger button.

2. Regarding the other issue with Slick Menu 3d menu, it opens behind the Gmedia galleries and lightboxes, so I need to make sure it opens on top of Gmedia galleries and lightboxes so that it is visible.
I have tried to add this CSS code and also with a z-index of 1, but the Slick menu still opens behind and thus is hidden and unusable.

This website is almost finished and perfect, but this 3d menu being hidden behind Gmedia is quite a serious issue for the design of my site. Hope we can find a way to fix this.

thanks a lot!

Ok, here is all I can do for you, but first you need to remove z-index: 1 !important that you added yourself:

.gmInfoBox1 {
    padding-left: 60px;
}

.gmedia_v2_ColectionSliderActivate,
.gmedia_AlbumsListMasonry_TermCollection.gmContent {
    transition: opacity 0.4s;
    opacity:0.9999;
}

.sm-menu-active .gmedia_v2_ColectionSliderActivate,
.sm-menu-active .gmedia_AlbumsListMasonry_TermCollection.gmContent {
    opacity: 0;
    pointer-events: none;
}

.sm-overflow-fix .sm-wrapper-inner {
    position: fixed;
    width: 100vw;
}

Wow, man, you are the master!!
That’s what I call a good xMas present!

Thank you so much!

Hi,
I have bought AlbumsGrid4 to create some category based galleries and I have the same issue with Slick menu that opens in the background.
Could you please give me the same CSS code for albumsgrid4 (also with the left padding for titles and counters)

Also, when I open a picture in lightbox, I can still see the collection page in the background, is there a way to hide it or dim it more?

Thanks a lot

https://cybercisco.com/haikyo/

Here is CSS for slick menu:

.pgc-rev-lb-b-header {
    padding-left: 60px !important;
}

.pgc-rev-lb-b-view {
    transition: opacity 0.4s;
    opacity:0.9999;
}

.sm-menu-active .pgc-rev-lb-b-view {
    opacity: 0;
    pointer-events: none;
}

.sm-overflow-fix .sm-wrapper-inner {
    position: fixed;
    width: 100vw;
}

As for lightbox background you can set it in Module settings: Lightbox Settings tab -> Background Color option.

Perfect!

Thanks a lot!