Return to previous page

Items behind mega menu is showing on mega menu when drop down

This topic has 12 replies, 2 voices, and was last updated 7 months ago ago by Rose Tyler

Incanda

Participant

May 22, 2024 at 22:00

Hi

What should I change in order to don’t let the sale and out of stock badges show on my mega menu dropdown? See image attached.

Files is visible for topic creator and
support staff only.

#396304 Copied Theme version: 9.3.10

11 Answers

Incanda

Participant

May 22, 2024 at 22:02

It is also showing when scrolling. See image.

Files is visible for topic creator and
support staff only.

#396305 Copied

Rose Tyler

Support staff

May 23, 2024 at 08:10

Hello, Incanda,

Thank you for contacting us and for using XStore.

https://gyazo.com/571ae0be7d1b24afe27930d4bee5816d
To assist you further, could you please provide the URL of the page where the issue is visible? Additionally, it would be helpful to know which browser you are using.

Kind Regards,
8theme team

#396334 Copied

Incanda

Participant

May 23, 2024 at 08:37

Hi Rose

Trust you are well!

You will not see the badges on the mega menu now because I had to put the old header back on the site. So currently it is my “old” header which there is not a problem with.

That is why I attached the images for you in order to see how the sale badges are displaying on top of the mega menu in stead of behind it.

Files is visible for topic creator and
support staff only.

#396340 Copied

Incanda

Participant

May 23, 2024 at 08:38

The sale badges are also in front of the sticky header when scrolling if I make my new header active.

Files is visible for topic creator and
support staff only.

#396341 Copied

Rose Tyler

Support staff

May 23, 2024 at 09:33

Hello, Incanda,

We hope this message finds you well. We recommend setting the z-index for the container in your header builder to address the issue you are experiencing https://prnt.sc/onoG6wwJDwRJ

In case this doesn’t help, apply a new header for a page via conditions and provide us with URL where the issue is visible.

Kind Regards,
8theme team

#396349 Copied

Incanda

Participant

May 23, 2024 at 10:03

Hi Rose

I set the z-index as suggested. Thanks.

You can see the new header here: https://incanda.co.za/our-story/

It is not visible on all the pages yet as I still need help with fixing the big gap between the header and the banner slider.

The top padding is currently .sidebar-position-without {
padding-top:200px !important;
}

With this padding it works for my shop page so that the filters at the top of the shop page is visible. So the moment I decrease the top padding, the shop filters are not visible anymore.

Files is visible for topic creator and
support staff only.

#396355 Copied

Rose Tyler

Support staff

May 23, 2024 at 12:29

Hello, Incanda,

We asked you about URL of the page where the issue is visible, but you provided URL of page where is it not visible.
Could you provide temporary wp-admin access with an administrator role?

Kind Regards,
8theme team

#396381 Copied

Incanda

Participant

May 23, 2024 at 13:12

Hi, sorry about that. The header is now live on https://incanda.co.za/our-story/

I basically need the CSS to target the .sidebar-position-without
padding-top but for a specific page – not for the entire site.

Can you assist with that please?

#396391 Copied
Rose Tyler

Support staff

May 23, 2024 at 14:35
Hello, Incanda,

You are using
```
.sidebar-position-without {
    padding-top: 200px !important;
}
```
the next code will remove padding for the mentioned page only:
```
.page-id-77672 .sidebar-position-without {
    padding-top: 0px !important;
}
```
Kind Regards,
8theme team
#396408 Copied
Incanda

Participant

May 23, 2024 at 15:46

Rose, thanks so much!!!!

#396420 Copied

Rose Tyler

Support staff

May 23, 2024 at 15:49

Hello, Incanda,

You’re welcome!

Kind Regards,
8theme team

#396421 Copied
Tagged: fixing mega menu display woocommerce, mega menu dropdown problems woocommerce, woocommerce themes mega menu troubleshooting, wordpress woocommerce mega menu issues, wordpress woocommerce mega menu solutions
Viewing 12 results - 1 through 12 (of 12 total)