Top 4 Widget image moving to a second row

[Pamela Grice]

I’m attempting to make four clickable category images to use beneath the banner in the Pure & Simple theme. I’ve tried everything I can think of to keep the images all in the same row, as the documentation indicates they should be. I’ve changed the size of the images (I thought they’d be responsive, but that didn’t work) and even though they show aligned in the “customize” screen, when I publish them, the 4th image moves to a second row.

Any ideas how I might fix this?

The page I’m working on is http://www.crochetpreneur.com/blog

Thanks for your help,
Pam

[Bidur]

Hello Pamela,

Go to Dashboard>>Appearance>>Customize>>Additional css and add the following css;

@media only screen and (min-width: 1024px){
    #top-group .col-md-3 {
        min-width: 275px;
    }
}

Note: Make sure to use child theme so that your custom changes won’t lost upon theme updates.
Let us know.
Best regards,
Bidur

[Author]

Posts