Return to previous page

Assistance Needed: Mobile Sidebar Width and Add-to-Basket Animation Requests

This topic has 5 replies, 2 voices, and was last updated 4 months ago ago by Tony Rodriguez

sergeantmaster

Participant

January 4, 2024 at 07:56

Hello Xstore Support,

I have two requests for you:

1.) I would like to increase the width of the mobile sidebar, as shown in the image while keeping the close button the same.

Reference Image Link: https://imgur.com/a/Jeqx4v8

2.) When I add a product to the basket from my shop page, there is a full-page loading screen during the process. Is there a way to change that animation?

Here is the animation screenshot: http://screencast.com/t/VmVy0ywWawK

Thank you,

#378503 Copied Theme version: 9.2.5

4 Answers

sergeantmaster

Participant

January 4, 2024 at 08:30

Login Credentials in Private Tab!

Please contact administrator
for this information.

#378504 Copied
Tony Rodriguez

Support staff

January 4, 2024 at 11:48
Hello, @sergeantmaster,

1) Thank you for reaching out to us with your inquiry. We appreciate your interest in customizing the mobile sidebar width on your website. To achieve this, please follow the steps outlined below:

Navigate to XStore >> Theme Options >> Theme Custom CSS >> Global CSS.

Once you are in the Global CSS section, locate the designated area for custom code input.

Copy and paste the following CSS code into the provided space:
```
.et-mini-content {
    width: 100% !important;
    max-width: 320px !important;
}
```
For a more visual guide, please refer to the image provided in the following link:https://imgur.com/a/q3blAgS

In the code above, replace “YOUR_DESIRED_WIDTH_HERE” with the desired width value for your mobile sidebar But the width cannot be increased by 100%. You can change the max-width css code value as per your needs.

2) Upon receiving your inquiry, we promptly visited your site to investigate the reported animation issue. However, after thorough examination, we regret to inform you that we could not identify any such animation discrepancy during the product addition process.

For a more visual guide, please refer to the video provided in the following link:https://www.veed.io/view/e891cf5c-7c7c-4710-b496-c73cf7800fad?sharingWidget=true&panel=share

Additionally, To change the product-added notification type, please navigate to XStore > Theme Options > Woocommerce > Shop > Shop page Layout > Product added notification > Select as per your requirement and publish it.

We hope this helps.

Best Regards,
The 8Theme Team
#378533 Copied
sergeantmaster

Participant

January 4, 2024 at 12:20

1.) First, due to increasing the width, the close button is getting hidden in the mobile side menu bar. We already need a code for the close button inside the menu bar.

2.) The thing is, we want to change the loading animation for the entire site.

The animation on this site uses http://prntscr.com/cwqf3d.

#378539 Copied
Tony Rodriguez

Support staff

January 4, 2024 at 13:36
Hello, @sergeantmaster,

1/ We are committed to assisting you in resolving your issue. To proceed, kindly copy and paste the following CSS code into the designated area of your website’s backend. Please navigate to XStore > Theme Options > Theme Custom CSS > Global CSS and insert the code there. You should expect the outcome to resemble the example provided. https://ibb.co/HDWc9Rm
```
@media screen and (max-width: 767px) {
span.et-toggle.pos-absolute.et-close.full-left.top {
    position: absolute;
    left: 252px !important;
}
}
```
2/ Should you wish to modify the site-wide loading animation, kindly proceed to the following location within your dashboard: XStore > Theme Options > General/Layout > Site Preloader. Here, you will have the option to enable the feature and upload an image that aligns with your requirements. Once completed, please ensure to save your changes by clicking ‘Publish’.

For your convenience, we have provided an image to serve as a reference for this process. https://ibb.co/RQjPVpG

We trust this guidance will be of assistance to you.

Warm regards,
The 8Theme Team
#378562 Copied
Tagged: add-to-basket animation, customize woocommerce, mobile sidebar width, professional help needed, woocommerce templates, wordpress assistance
Viewing 5 results - 1 through 5 (of 5 total)