Home>Support>Submenu overlapped by hero image widget (no z-index problem)

Submenu overlapped by hero image widget (no z-index problem)

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

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 1 year, 2 months ago Andrew Misplon Hi, I Work Here

    Hi Yomo

    Thanks for reaching out.

    Do you have a public URL where we can take a look at what’s going on?

  2. 1 year, 2 months ago yomo_1234

    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

  3. 1 year, 2 months ago Andrew Misplon Hi, I Work Here

    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 :)

  4. 1 year, 2 months ago yomo_1234

    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

  5. 1 year, 2 months ago Andrew Misplon Hi, I Work Here

    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;
    	}
    }
  6. 1 year, 2 months ago yomo_1234

    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?

  7. 1 year, 2 months ago Andrew Misplon Hi, I Work Here

    Thanks for the feedback. z-index is impacted by the value set of parent containers. Try:

    .header__container {
        z-index: 9999;
    }
    
  8. 1 year, 2 months ago yomo_1234

    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!

  9. 1 year, 2 months ago Andrew Misplon Hi, I Work Here

    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.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More