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

This topic has 12 replies, 2 voices, and was last updated 3 weeks, 1 days ago ago by Rose Tyler

  • Avatar: Incanda
    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.
    11 Answers
    Avatar: Incanda
    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.
    Avatar: Rose Tyler
    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

    Avatar: Incanda
    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.
    Avatar: Incanda
    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.
    Avatar: Rose Tyler
    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

    Avatar: Incanda
    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.
    Avatar: Rose Tyler
    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

    Avatar: Incanda
    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?

    Avatar: Rose Tyler
    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

    Avatar: Incanda
    Incanda
    Participant
    May 23, 2024 at 15:46

    Rose, thanks so much!!!!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 23, 2024 at 15:49

    Hello, Incanda,

    You’re welcome!

    Kind Regards,
    8theme team

  • Viewing 12 results - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.