Combine CSS

  • Resolved biredip

    (@biredip)


    11 months, 2 weeks ago

    When you activate the “Combine CSS” option in the application, the mobile page breaks. An unnecessary gap is created on the right side of the page.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Reynier (a11n)

    (@reynierc)

    11 months, 2 weeks ago

    Hi @biredip

    Thanks for reaching out. I’m sorry to hear about the issue you’re experiencing with CSS. Just to clarify, do you mean the Jetpack Boost function to concatenate CSS found here:

    If so, can you try clearing your browser cache to see if that solves the problem. Sometimes your browser shows an old version of your website, which can cause problems with how it appears.

    If the issue persists, please provide the URL of your site and a screenshot of your mobile view? This will help us better understand what might be going on.

    Looking forward to your response.

    Thread Starter biredip

    (@biredip)

    11 months, 2 weeks ago

    Yes, you are right, I mean the “concatenate CSS” function. I checked again about it but unfortunately nothing has changed. I am sending you two screenshot links. In the second image you can see the gap that appears when “concatenate CSS” is active.

    My blog address is below:

    https://biredip.com

    Thread Starter biredip

    (@biredip)

    11 months, 2 weeks ago

    img_1 & img_2

    • This reply was modified 11 months, 2 weeks ago by biredip.
    • This reply was modified 11 months, 2 weeks ago by biredip.
    Reynier (a11n)

    (@reynierc)

    11 months, 2 weeks ago

    Hi @biredip

    Thanks for the clarifying and sharing the URL of your site. Unfortunately, I wasn’t able to see the view the images you shared, here’s a screenshot of what I saw: https://cloudup.com/cRkVX0dalEZ

    Could you please try sharing the images again using a different image sharing site, like https://snipboard.io/?

    Also, your blog’s homepage looks really nice on my mobile device. Is concatenate CSS turned off at the moment? Here’s a screenshot: https://cloudup.com/ilNXT199V7S

    Thread Starter biredip

    (@biredip)

    11 months, 2 weeks ago

    Yes, the plugin’s “concatenate CSS” option is currently active. I tried it not only with one browser but with many browsers and my pages are still broken. Not only the first page, but also the single post pages I enter randomly appear broken. It adds unnecessary space to the right. You can only see this if you drag the page to the left.

    I will leave the “concatenate CSS” option active for a while longer so you can see the error.

    In the two messages I sent before, I uploaded the images in two different ways. I can see the images in both ways. I’m uploading the image again, as you requested. 🙂

    Plugin Contributor Stef (a11n)

    (@erania-pinnera)

    11 months, 2 weeks ago

    Hi there, @biredip,

    Thanks for the screenshots – those help 🙂

    Our tech team provided a custom CSS snippet that you can add to your theme, which should fix the issue. Here it is: 

    /* Fix for JB minification issue - https://wordpress.org/support/topic/combine-css-2/ */
    label.wp-block-search__label.screen-reader-text {
        width: 1px;
    }

    You should be able to add it via Appearance → Editor > Styles; if you don’t know where or how to add this CSS addition, you can check this third-party tutorial (method N3), or ask the theme author to help you find the correct location to apply this code universally throughout your theme.

    Hope that helps!

    Thread Starter biredip

    (@biredip)

    11 months, 2 weeks ago

    Thank you for the answer and solution. The problem is solved.

    Although the code snippet you gave did the job, I gave the code to the AI. I asked, “Do you have any other advice?” He also recommended a slightly more advanced code. Just so you know. 😉

    Plugin Contributor Stef (a11n)

    (@erania-pinnera)

    11 months, 2 weeks ago

    Hi there, @biredip,

    Thanks for confirming the issue is fixed now ⭐

    As for the AI suggestion, I’d be personally careful in following its advice, as sometimes it can “hallucinate”. That said, you’re welcome to test the code it provided, but please make sure to fully backup your site in case you need a site restore – or better, test it on a staging site 🙂

    I’m going to mark this thread as solved. If you have any further questions or need more help, you’re welcome to open another thread here. Cheers!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Combine CSS’ is closed to new replies.