It removes the title in the lightbox. but i want to remove it just for the gallery hover effect as you can see it in the private link…

Problem solved! Thank you anyway! :-)

Used this

.avia-gallery-thumb {
width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

Or alternatively – Center them also in their vertical position, as shown on that screenshot…

Thanks in advance!

• This reply was modified 6 years, 5 months ago by intimadecom.

Ok, i’ve solved the problem using the “masonry” and not “portfolio grid” :-)

Ha! Got it done with some more custom CSS, but the one, which did it was:

.av-fixed-size.av-orientation-square .av-masonry-entry .av-inner-masonry-sizer {
    width: 100%;
    min-height: 170px;
    padding-bottom: 10%;
}

Thank you! Topic can be closed :-)

ok, i just saw, that it is normal, that the header is not sticky at tablet/mobile sizes. i’m fine with that, thank you!

Ok, thats almost what i wanted… it works like, when i give the masonry gallery the predefined effect in its settings to fade in.
but on first load, with a fresh cache, the images are loading slowly, while the fade effect is finished.
is there an option to do the effect, when pictures are loaded?

Thank you again, and sorry for that late reply.

Thank you for the fast response, it almost worked out!

I just changed the opacity to 1., that the header after scrolling will be white and the last color in your code to black, that sub menu links are black again.

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
background-color:rgba(255, 255, 255, 1 !important;
}
.header_color.av_header_transparency .header_bg, .header_color.av_header_transparency .main_menu ul ul, .header_color.av_header_transparency .main_menu .menu ul li a, .header_color.av_header_transparency .pointer_arrow_wrap .pointer_arrow, .header_color.av_header_transparency .avia_mega_div, .header_color.av_header_transparency .av-subnav-menu > li ul, .header_color.av_header_transparency .av-subnav-menu a {
background-color:transparent !important;
    border-color: transparent !important; 
}
.header_color .main_menu .menu ul li a {color: #000 !important;}

Now, at a window width size of about 989px, the logo & burger menu is not shown anymore but appears again at 767px, because the header is white there, but the “transparent” logo is still used, so i only can see a white header without a menu.

Can we fix this, either bringing back the black logo & burger menu for this mobile/tablet width size or have the header transparent on that certain pages too for that size? Thank you so much!

Lookin forward to hear from you.

• This reply was modified 6 years, 7 months ago by intimadecom.