Hi!
I know that this issue was rised several times on the forum, but I codulnt’ find solution for my problem.
The hero image is overlapping the submenu, but ONLY on the first image (when the site is loaded) and in the transition time from one to the other picture. Changing z-index helped and submenu is visible on the other occasions (i.e. on all images after the first loaded after entering the site).
So I think that the problem, at least, for the transition time is higher priority for hero image because of ‘opacity’.
I think I tried everything and nothing seems to work… Hero image is all the time covering the submenu unfortunetly.
Do you have any ideas? The theme is MedicPress, bought from your ‘https://siteorigin.com/theme/’ website.
Thanks very much for help!
Regards,
Yomo
Hi Yomo
Thanks for reaching out.
Do you have a public URL where we can take a look at what’s going on?
Hi!
Thanks for the answer. I’m kind of still working on the project, so it’s not ready for the public. Could I send you a private link? I wrote also to the customer service of ‘MedicPress theme’, but I’m not sure if they will be able to help, because the issue is more related to the hero image widget IMHO. Also the bug is kind of weird, because the slider is overlapping the menu only on (1) the first slide after loading/entering the side, (2) only on transition time between the slides.
Best regards!
Y
Hi Y, we can assist via email within our SiteOrigin Premium support scope but our free support is public. You’re welcome to send us a link whenever the site is live or alternatively, make the site live for a limited period, we’ll take a look and help from there. Thanks :)
Hi,
Of course, I fully understand that :). That’s the working link with the described bug: http://medic-ysn4uut.demo.freshlywp.net
This is a fresh installation of ‘MedicalPress’ and fresh added HeroImage from the already available repository. I have changed the time of transition (animation time), so you could actually see the bug. The weirdest thing is that submenu is not visible on very first slide just after entering (or refreshing f5) the site.
Thank you in advance for any help! I just can’t figure it out.
Y
Thanks for the link. You can try adding to CustomizeAdditional CSS or AppearanceCustom CSS:
@media (min-width: 992px) { .main-navigation .sub-menu { z-index: 9999; } }Thanks for the code, but I tried that before and unfortunetly that doesn’t work. As I wrote before, changing z-index doesn’t help with the problem that sub-menu is not visible on (1) the first slide after loading/entering the side, (2) the transition time between the slides. So I think that the problem, at least, for the transition time is higher priority for hero image because of ‘opacity’. I think Hero Image shouldn’t use ‘opacity’ feature but ‘rgba(x,x,x,y)’ where the ‘y’ is opacity. ‘Opacity’, as I read, is somehow changing the inner z-index of elements. Could you help me with that, please?
Thanks for the feedback.
z-indexis impacted by the value set of parent containers. Try:.header__container { z-index: 9999; }Oh! It worked! I can’t believe. I have tried adding z-index to almost every class, and somehow I didn’t check this one… You’re great! I will for 101% buy some theme and full support from you for my next project. I thought that ‘MedicPress’ is yours, but it turned out to be another company, and your support and motivation are just extraordinary! Thanks again!
Super :) Glad to hear that helped. Thanks for your support and kind feedback. If SiteOrigin questions arise in the future, please, let us know. Cheers for now.