• Resolved webdesads

    (@webdesads)


    When a woocommerce product is zoomed to get the larger picture my website menu becomes fixed and stays on top of the product image zoom screen but the menu is not fixed when on any other webpage or any woocommerce small product thumbnail/category screens.
    How can I fix this menu and hide it from the product image zoom screen?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hey @webdesads,

    We definietly don’t need to have the navigation bar sitting on top of the product lightbox. Here’s one way you could change that:

    • In your WordPress dashboard, go to Appearance and click on Customize.
    • Look down for the Additional CSS section and click on it.?
    • In the box there, paste this:
      
      .menu-secondary {
          z-index: 1500;
      }
      
    • Publish your changes.

    See if that doesn’t fix this for you. If you have any trouble, please let me know.

    Cheers

    Thread Starter webdesads

    (@webdesads)

    That appears to have cured the problem on PC and mobile, If I notice any other results from applying that extra CSS code I will post here. p.s. My theme is Weaver Xtreme V4 and that CSS is placed into Customising ? Custom CSS – Global Custom CSS

    Thank you

    Plugin Support kellymetal a11n

    (@kellymetal)

    Hi there,

    Very glad to hear that has resolved the issue for you on both PC and mobile!

    If you have a chance, I would recommend reporting that issue to the theme developer, as it’s possible others have seen the same thing.

    I’m going to mark this thread as resolved.
    If you have any further questions, please start a new thread.

    Have a wonderful day!

    Thread Starter webdesads

    (@webdesads)

    Thank you and I have created a “Weaver Xtreme” forum post to cover this.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Product zoom fixes website menu on top’ is closed to new replies.