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 1 months, 2 weeks ago ago by Andrew Mitchell

  • Avatar: chilly
    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.
    10 Answers
    Avatar: Justin
    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.
    Avatar: chilly
    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.

    Avatar: Justin
    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

    Avatar: chilly
    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.
    Avatar: Justin
    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

    Avatar: chilly
    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 ?

    Avatar: Justin
    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

    Avatar: chilly
    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 ?

    Avatar: Justin
    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

    Avatar: Andrew Mitchell
    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

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.