Support » Plugin: Elementor Website Builder » Full size background image covers menu

  • Hi all – Newbie here.

    I set up my own portfolio theme which is basically multiple blank pages programmed with a drop down menu. I’ve put in a slide show using free Elementor and added Mega Menu Pro plugin for the visual effect, but my menu is being completely covered by my Landing and Contact pages which are both full width and height. The Landing page has an image attached and the Contact page is colour filled gradient but the following two CSS fixes have failed:

    .elementor-860 .elementor-element {position: relative; z-index:-1; }
    .elementor-widget-wrap {position: relative; z-index:-1; }

    Using both Default Template and Elementor Canvas made no difference. The menu does appear infont using Full Background Image Manager WordPress Plugin but it isn’t media responsive. I don’t currently have any z-index values assigned to my files but can anyone suggest a CSS code or do I need to uses classes in my .php files – if so which ones?

    Any help much appreciated. S.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi @simonqui,

    Please make sure the first sections’ height set to normal and not Fit to Screen.
    Alternatively, add this custom CSS:
    #mega-menu-wrap-primary {z-index: 2;}

    Didn’t work out for me I’m afraid Boaz. The default height setting leaves 20px of padding around the menu which isn’t the desired effect and the coding made no difference. Perhaps I could try the Mega Menu forum if I’m trying to alter those values but since it worked on the other Plugin I can’t help thinking it must be possible with Elementor too. Let me know if you have any other ideas. Thanks. S.

    Hi Boaz. Er scrub that… Seems my CCS file is non responsive. It worked with style tags on Header file. Brilliant – Thank you so much. S

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Full size background image covers menu’ is closed to new replies.