Return to previous page

How to bring both elements into the center?

This topic has 8 replies, 3 voices, and was last updated 5 months, 2 weeks ago ago by Andrew Mitchell

Alfi

Participant

June 4, 2024 at 07:16

How to bring both elements into the center?
Its the sticky cart element!

Files is visible for topic creator and
support staff only.

#398007 Copied Theme version: 9.3.11

7 Answers
Tony Rodriguez

Support staff

June 4, 2024 at 08:39
Hello, @Alfi,

Thank you for reaching out to us with your inquiry.

To center the items in your cart within the sticky header, please insert the following CSS code. You can do this by navigating to Xstore > Theme Options > Theme Custom CSS > Global CSS:
```
.pos-static {
    justify-content: left !important;
    padding: 0px !important;
}
```
You can view the expected result by following this link: (https://paste.pics/edit/R3I0C)

Should you require any further assistance or have any questions, please feel free to contact us at your convenience.

Kind Regards,
The 8theme Team
#398027 Copied
Alfi

Participant

June 5, 2024 at 00:12

Is it possible to make it visible when I haven’t scrolled down yet with custom css?

#398142 Copied

Tony Rodriguez

Support staff

June 5, 2024 at 06:05

Hello, @Alfi,

We are writing to inform you that your recent request was not entirely clear to us. To assist you most effectively, we kindly ask that you provide a more detailed description of your specific needs or the goal you wish to achieve.

Thank you for your cooperation and understanding. We look forward to your response and are eager to provide you with the best possible assistance.

Best regards,
The 8Theme Team

#398170 Copied

Alfi

Participant

June 6, 2024 at 20:14

I would like to see the footer cart when I enter the product side, but now it gets only visible when I scroll down, I want it anytime visible whether I am on the top of the page or at the footer, because at the moment it gets visible when I scrolled down a bit but I want it visible from the begin on when I entered the site!

#398514 Copied
Tony Rodriguez

Support staff

June 7, 2024 at 06:53
Hello, @Alfi,

Thank you for your response.

We would like to guide you through the process of enabling a sticky cart on your website without the need to scroll. Please follow the steps below to add the necessary CSS code:

1. Navigate to the XStore panel.
2. Go to Theme Options > Theme Custom CSS > Global CSS.
3. Insert the following CSS code:
```
.etheme-sticky-cart.etheme-sticky-panel.flex.align-items-center.container-width-inherit.outside {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
```
You can preview the expected result by visiting this link: (https://paste.pics/R4C1H)

We trust this will assist you in enhancing your site’s functionality. Should you need any further assistance or have any questions, please feel free to contact us. We are here to support you.

Best regards,
The 8Theme Team
#398543 Copied
Alfi

Participant

June 7, 2024 at 21:31

Thanks

#398701 Copied

Andrew Mitchell

Support staff

June 7, 2024 at 21:31

Dear Alfi,

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

#398702 Copied
Tagged: center elements woocommerce, customize woocommerce templates, woocommerce element positioning, woocommerce layout adjustments, wordpress design tips, wordpress woocommerce templates
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘How to bring both elements into the center?’' has been successfully resolved, and the topic is now closed for further responses

How to bring both elements into the center?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection