[Resolved] Dispatch – HomePage images move to right on CSS combine

[Matt]

Hi GP Team,

I’m working through PageSpeed Insights recommendations. One option I’m considering is combining CSS via WP Rocket. In testing, it has worked well except for the mobile home page (using Dispatch with no fancy Show Posts at the top). The images (blog style) move to the right, leaving a small gap on the left of the page (without the CSS combine they span the mobile screen.)

Seeing it’s the only CSS issue I’m seeing, thought I’d reach out to see if it’s an easy fix. It’s only impacting the mobile home page. No interior pages. And the content seems still pretty centered.

I tried mobile padding via the customizer, but that impacted the entire site – not just the home page.

[David]

Hi there,

try adding this CSS:

@media (max-width: 767px) {
    .home .generate-columns-container>* {
        padding-left: 0 !important;
    }
}

[Matt]

Worked perfectly. Thanks!

[David]

You’re welcome

[Author]

Posts