This topic has 11 replies, 3 voices, and was last updated 6 months, 1 weeks ago ago by Andrew Mitchell
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.
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
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.
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
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.
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
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 ?
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
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 ?
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
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
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