Can you reduce the size of the cap between columns?

Support
#1

Hi, I’m working on a site and have a 3 column row and I’d like to reduce the size of the gaps between each column. I’ve tried to do this myself with CSS, but when I view it on a mobile the columns are really narrow! I’ll put the CSS I used below - I’ve since removed it from the site - and I’ll put the URL in a secure note as it’s on a temp domain.

If you scroll down the page, it’s the section above the ‘Clients’ logos section.

.x-column {
margin-right: 0.5%;
}
.x-column.x-1-3 {
width: 33.1%;
}

Thanks!

#2

Hi There,

Thanks for writing in!
You can target the CSS only for bigger screen not for mobile device through media query.

Please . check this CSS

@media (min-width: 768px) {
.x-column {
margin-right: 0.5%;
}
.x-column.x-1-3 {
width: 33.1%;
}
}

Hope this is something you are looking for.

Thanks

#3

Yep, spot on, thanks!

#4

You’re welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.