Template Header: drop down menu hidden behind blocks

  • jadebren88

    (@jadebren88)


    3 months ago

    Hello all,

    I hope someone can help with my recent menu issues. The drop down menu is hidden behind the content block on this page for example: https://permanentmakeupjadebrennan.co.uk/home/before-care/

    I looked at the historical queries on here which relate to the same issue, and followed some of the advice on there, but nothing changed.

    The new template (header and footer) that I have created across my website is having some issue on certain pages, but not on others. You can see I don’t have the same issues on the homepage: https://permanentmakeupjadebrennan.co.uk/

    I am not great with the CSS and z index formatting, and not sure if it differs when using a template instead of pasting the same header across the pages. I would prefer to have a template so it keeps it up to date across them all.

    In addition – how do I remove the social button section (above FAQs block) from this page? https://permanentmakeupjadebrennan.co.uk/home/after-care/

    please help a sister out

    thanks, Jade

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • This is caused by the bluehost-wordpress-plugin, specifically this stylesheet on your website: /wp-content/plugins/bluehost-wordpress-plugin/vendor/newfold-labs/wp-module-patterns/assets/build/utilities.css

    It’s adding this CSS:

    [class*=nfd-divider-] {
    position: relative;
    z-index: 13;
}

    The z-index is making it “higher” than the nav menu in terms of importance. I recommend contacting the plugin author and asking that they adjust this.

    Alternatively, you could try adding this to your CSS via the Site Editor:

    [class*=nfd-divider-] {
    z-index: 1;
}
    threadi

    (@threadi)

    You have written this CSS code in the header block in the field for the classes:

    nav.elementor-top-section { z-index: 9999; }

    This does nothing because it is not a class but a CSS declaration. Remove it.

    However, the solution is possible via exactly this header block. You would have to add this code under Appearance > Editor > Styles in the field for Additional Styles:

    header { z-index: 1000; }

    Your 2nd question: this is apparently a “Like Post Wrapper” that is integrated into your website via Jetpack. If you don’t see this as a setting, I would recommend you contact their support forum: https://www.ads-software.com/support/plugin/jetpack/

    As for the social sharing links, those seem to be injected via a plugin called ShareDaddy. You could disable that plugin. Otherwise, you would need to post in the plugin’s support forum: https://www.ads-software.com/support/plugin/sharedaddy/

    But since ShareDaddy is now a part of Jetpack, you might consider switching plugins. Or, if that’s being output by Jetpack, contact there support https://www.ads-software.com/support/plugin/jetpack/

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.