Transparent background

Support
#1

Hello there,

I searched the forum but didn’t find exact solution for my issue. I am working on a client site for which I am using superfly menu. I have set it up and its working perfectly fine on desktop. It also shows on mobile but it is not visible as there is a gap of white background on the top. Now there are two things I am looking at -

  1. Having the nav bar which should work like this site - https://errikosandreou.com/ Menu bar background should be transparent at first and when scrolled, it should have 50% black transparency.

  2. Current issue- removing the white background on the top when you see on mobile.

Thanks,
Amit

#2

Hi Amit,

Thanks for reaching out.

Please add this CSS to your Theme Options > CSS

@media screen and (max-width: 782px) {
#sfm-mob-navbar {
height: 0px !important;
}
}

About the transparency of 50%, the SuperFly menu isn’t part of the header itself, it’s just floating so it’s not currently possible. And both aren’t synced when scrolled.

Thanks!

#3

Thanks Rad! It did solve the problem.
I hope you can solve another issue I am facing.
My client wants to have same gallery functionality when you open any image in lightbox. - https://errikosandreou.com/portfolio/celebrities/

Basically when you click on image in lightbox it shows some buttons like zoom in and out, full screen etc. I am not able to see these in envira gallery. I searched and found that website uses a plugin called whizzy. I also tried that but its showing me a fatal error when I activate that. My client really wants those buttons. Can you suggest me a solution to that? I know its not a theme question but if you can suggest a similar gallery plugin, that would do too?

Thanks.

#4

Hi There,

That website is using the lightGallery plugin, you can download from this link:

Hope that helps and thank you for understanding.

#5

Thanks Thai! But I tried the suggested plugin. Its not what I am looking for. I have attached a screenshot of what I am looking. See the buttons on top right corner (green rectangle)

#6

Hi Amit,

Looks like it’s a customized one (maybe combinations of multiple plugin), but the based plugin is this https://wordpress.org/plugins/justified-gallery/. The sample demo is here http://justifiedgallery.com/?utm_source=wordpress_org&utm_medium=webpage&utm_campaign=readme

With customization, I recommend contacting the plugin author or a developer.

Thanks!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.