Alignment issue on page

gwilliams
Explorer
77 0 15

Hello

I was wondering if someone could help me with some CSS as I would like all these brands images to appear on 1 line. At the moment they are on 2 and the bottom image isn't aligned properly. I have attached a screenshot to show the issue and the URL page is https://www.enamelshades.co.uk/pages/brands

Kind Regardsbrandsalignment.png

0 Likes
satsinghrana
Shopify Partner
132 11 21

Hi @gwilliams 

Its not the CSS issue,  You need to set the HTML the above 4 images are in same div, But the last one is out side the div thats why its showing like this. Just pull it in same div and everything will work fine.

See it here:

Screenshot 2021-04-23 at 8.27.14 PM.png

Thanks!

If helpful then please Like and Accept Solution
Hire for Custom Shopify Solutions, Apps development or Any kind of Web development work.
Contact : satsinghrana1@gmail.com
See our Shopify Apps: HERE
0 Likes
gwilliams
Explorer
77 0 15

Thanks. I have now added that to the div but how can I add spacing to the images as they now seen overlapped (see screenshot).

brandsalignment2.png

0 Likes
satsinghrana
Shopify Partner
132 11 21

Add this in your theme.css

.parentbr a.childbr {
    margin-right: 15px;
}
If helpful then please Like and Accept Solution
Hire for Custom Shopify Solutions, Apps development or Any kind of Web development work.
Contact : satsinghrana1@gmail.com
See our Shopify Apps: HERE
0 Likes
gwilliams
Explorer
77 0 15

Thank you that's worked. For mobile view, how can I have the images so then are responsive and the width fills the screen and appear underneath?

0 Likes