Return to previous page

How can I compress the xstore.css without creating a problem for the mobile menu.

This topic has 11 replies, 3 voices, and was last updated 9 months, 3 weeks ago ago by Andrew Mitchell

chilly

Participant

February 26, 2024 at 17:18

Im working on my website performance and I found that the xstore.css file and other files are taking lot of space such as kirki-styles.css.. and also unused css in the home page and other pages “check the image attached”, So I compressed the file xstore.css and it improved the performance but it created a problem the mobile menu is not opening and closing as it should be.

So my question is I wanna compress the file but how I can also keep the menu functionality working as well ?

Also is there a way to optimize the other files without losing the functionalities or having a problem on my website.

Thank you in advance.

Files is visible for topic creator and
support staff only.

#384852 Copied Theme version: 9.2.8

10 Answers

Luca Rossi

Support staff

February 27, 2024 at 09:09

Dear @chilly,

We hope this message finds you well.

We have identified that the issue with the unresponsive mobile menu button is attributed to a Javascript error. To address this, we kindly request that you disable the Javascript Minify feature within the Litespeed cache plugin and verify if the problem persists.

Additionally, we have encountered difficulties accessing the WordPress admin account with the credentials provided. Could you please review the login details and confirm their accuracy?

Your prompt attention to these matters would be greatly appreciated.

Best Regards,
The 8Theme Team

Please contact administrator
for this information.

#384925 Copied

chilly

Participant

February 27, 2024 at 13:18

yeh I deleted the account due to security reasons.
The thing is I wanna still leave LiteSpeed On because its improving my website performance.

I think you did not understand my question correctly. What I wanna do is keep litespeed on. and manualy compress or minify xstore.css but when I do it the mobile menu will not work as it should. so can you give me a slotion ? or at least give me the css file responsible for the mobile menu.

#384958 Copied

Luca Rossi

Support staff

February 27, 2024 at 14:07

Hi @chilly,

Can you please compress the xstore.css file again so we can check what’s the issue causing the mobile menu?

Or maybe create a temparorily WordPress access account so we can take a closer look in the backend.

Best Regards,
The 8Theme Team

#384980 Copied

chilly

Participant

February 27, 2024 at 14:47

I already compressed it. You can check now. it’s only the Mobile Menu. Please be quick because the website is live and we have visitors coming in.

Please contact administrator
for this information.

#384994 Copied
Luca Rossi

Support staff

February 27, 2024 at 15:03
Dear @chilly,

We hope this message finds you well.

We have recently visited the following URL on your website’s administrative panel: https://***.com/wp-admin/admin.php?page=litespeed-page_optm

During our visit, we have included the following CSS Selector in the allowlist, as indicated in the screenshot provided: https://prnt.sc/kOpF0YbCQIkP

Subsequently, we have inserted the custom CSS code into your site’s theme configuration. This was accomplished by navigating to Theme Options, selecting Theme Custom CSS, and then inputting the code into the Global CSS section:
```
body .et-off-canvas.et-content-right > .et-mini-content:not(.active) {
    margin-right: -100%;
}
body .et-off-canvas.et-content-left > .et-mini-content:not(.active) {
    margin-left: -100%;
}
```
As a result of these changes, the mobile menu appears to be functioning correctly.

We kindly request that you review these modifications at your earliest convenience to ensure everything is operating as expected.

Best Regards,
The 8Theme Team
#384998 Copied
chilly

Participant

February 27, 2024 at 15:26

yes its working fine thank you. if I may ask please. Can I do it for the card widget ? because when I add a product to cart and I navigat to another page then I go back to the home page it shows 0. so can I exclude the mini cart css or something like that in litespeed as u did for the mobile menu ?

#385008 Copied

Luca Rossi

Support staff

February 27, 2024 at 15:31

Dear @chilly,

Upon review, we have determined that the issue at hand may not be associated with CSS code. We kindly invite you to peruse the following articles for further insight:
– https://wordpress.org/support/topic/cart-widget-caching-problems/
– https://blog.litespeedtech.com/2017/05/31/wpw-fixing-lscachewoocommerce-conflicts/

We trust this resource will be of assistance to you.

Warm regards,
The 8Theme Team

#385011 Copied

chilly

Participant

February 27, 2024 at 17:41

it worked thank you. But what I noticed is that the website speed went down. the moment you guys added the custom css. is this related ?

#385033 Copied
Luca Rossi

Support staff

February 28, 2024 at 04:40
Dear @chilly,

We would like to inform you that the custom CSS code provided below is designed to be lightweight and should not impact the loading speed of your website adversely.
```
body .et-off-canvas.et-content-right > .et-mini-content:not(.active) {
    margin-right: -100%;
}
body .et-off-canvas.et-content-left > .et-mini-content:not(.active) {
    margin-left: -100%;
}
```
We kindly ask you to verify this by reviewing your LiteSpeed Cache plugin settings to ensure compatibility and optimal performance.

Best regards,
The 8Theme Team
#385043 Copied
Andrew Mitchell

Support staff

March 4, 2024 at 20:21

Dear chilly,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#385613 Copied
Tagged: compress xstore.css, effective xstore.css compression, improve website speed, mobile-friendly woocommerce templates, optimize mobile menu, woocommerce css compression, wordpress woocommerce templates
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘How can I compress the xstore.css without creating a problem for the mobile menu.’' has been successfully resolved, and the topic is now closed for further responses

How can I compress the xstore.css without creating a problem for the mobile menu.

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection