How to change the cart side menu z-index for xstore theme?

This topic has 9 replies, 4 voices, and was last updated 2 weeks, 4 days ago ago by Andrew Mitchell

  • Avatar: EV2024
    EV2024
    Participant
    August 30, 2024 at 21:23

    Hi,

    I want to change the z-index for the shopping cart side menu (xstore theme)

    What is the correct css class to do? I tried a lot but nothing works.

    Thanks!

    8 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    August 31, 2024 at 07:26

    Hello, @EV2024,

    Thank you so much for purchasing our theme and contacting our support center.

    Here is the shopping cart off-canvas CSS class.

    .etheme-elementor-off-canvas__main {
        opacity: 0.7;
    }

    We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: EV2024
    EV2024
    Participant
    September 12, 2024 at 21:33

    Hi,

    The z-index wont work..

    .etheme-elementor-off-canvas__main {
    z-index: 1000 !important;
    }

    Can you help? Thanks!

    Avatar: Justin
    Luca Rossi
    Support staff
    September 13, 2024 at 09:30

    Hi @EV2024,

    The cart side menu element locates inside this .template-container element.

    So you have to change the z-index of .template-container instead:

    
    .template-container {
    z-index: 1000;
    }
    

    Result: https://prnt.sc/djpBPczeqBS5

    Hope it helps!

    Avatar: EV2024
    EV2024
    Participant
    September 15, 2024 at 19:26

    Thank you it seems it does something but now the text is going through the icon because of the z-index is changed for all the content.. How to fix that?

    Avatar: Justin
    Luca Rossi
    Support staff
    September 16, 2024 at 05:00

    Hi @EV2024,

    Can you please provide us with some screenshots? Or maybe the WordPress Admin Account so we can take a closer look at your custom CSS codes.

    Best regards,
    The 8Theme Team

    Avatar: EV2024
    EV2024
    Participant
    September 16, 2024 at 07:27

    Alright, please see the private content area.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    September 16, 2024 at 11:20

    Hi @EV2024,

    Can you please check again?

    We’ve added this custom CSS Codes:

    
    body .page-wrapper {
        z-index: inherit;
    }
    

    Also change the z-index value of Cart/Mobile elements: https://prnt.sc/7mXxcbW41EOr

    Best Regards,
    The 8Theme Team.

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    September 16, 2024 at 11:29

    Dear EV2024,

    As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

    Click here to share your valuable perspective: https://themeforest.net/downloads

    Your time and trust are highly appreciated!

    Best Regards,
    The 8Theme Team

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

The issue related to '‘How to change the cart side menu z-index for xstore theme?’' has been successfully resolved, and the topic is now closed for further responses

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