woocommerce main menu dropdown appears behind content

  • I have an issue where I have set a main navigation menu up on my woocommerce store but when you click on a category the dropdown menu appears behind the content below so is not visible.

    The site is bettergettothemarket.com/local

    Here is a screenshot
    dropdown menu issue woocommerce

    My friend has made some mods to the website with bootstrap so not sure whether this is overriding the css somewhere.

    If anyone could help I would be extremely grateful!

    Thanks

    Tom

Viewing 3 replies - 1 through 3 (of 3 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello bgttm,

    Please add below css code into your current theme’s style.css file:


    .site-header .menu-container {
    z-index: 9;
    }

    Hope this will work for you.

    Thread Starter bgttm

    (@bgttm)

    Thank you that is amazing it worked perfectly!

    Thread Starter bgttm

    (@bgttm)

    Thank you for your help with the menu, just one more thing, would you know how to change the dropdown from semi-transparent to a solid colour?

    Thanks

    Tom

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘woocommerce main menu dropdown appears behind content’ is closed to new replies.