Return to previous page

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

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

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!

#412444 Copied Theme version: 9.3.17

8 Answers
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.
#412470 Copied
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!

#414154 Copied
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!
#414211 Copied
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?

#414443 Copied

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

#414456 Copied

EV2024

Participant

September 16, 2024 at 07:27

Alright, please see the private content area.

Please contact administrator
for this information.

#414474 Copied
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.
#414515 Copied
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

#414518 Copied
Tagged: change cart side menu, customizing xstore theme, ecommerce website design, woocommerce templates, wordpress tutorial, xstore theme, z-index adjustment
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

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection