[Support request] How to point to a modified mobile.css file in child theme

Home Forums Support How to point to a modified mobile.css file in child theme

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #909752
    Whelan

    I have created a child theme and need to modify the mobile.css.

    1. Should I just need to upload my mobile.css file into the child theme folder?

    2. Should I just add the modified rules or do I need to replace all rules?

    3. Should I name it “mobile.css” or minify it and name it mobile.min.css?

    #909819
    Leo
    Staff
    Customer Support

    Hi there,

    Can you first let me know what you are trying to modify in there?

    Just want to make sure there isn’t a better method.

    Let me know 🙂

    #909873
    Whelan

    Hi

    I’ve been looking at Google PageSpeedInsights and my newly-finished website scored just 25/100 for mobile. I want to reduce “render-blocking resources” and css is one of the things I can improve.

    There are about 15 screen-dependant rules which are currently written in the Customizer CSS.

    Some are about min-width and some are about max-width.

    They are for extra classes that I have created and for rules that cannot be modified via the customiser.

    #909877
    Whelan

    Page Speed Insights also suggest removing “dead rules from stylesheets and defer the loading of CSS not used for above-the-fold content to reduce unnecessary bytes consumed by network activity”. I’ve tried to keep plugins to a minimum but there are lots of css files.

    #910110
    Tom
    Lead Developer
    Lead Developer

    I don’t suggest modifying that file.

    If you’re trying to reduce the number of CSS requests, you can try a plugin like this: https://wordpress.org/plugins/autoptimize/

    We use it here on our site and we love it.

    Let me know if you need more info 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.