Block Grid Mobile Centering After Max-Width

[VitalityCBD]

Hello,

I used Block Grid in the Social Icon section of this homepage.
I put a max-width on it for mobile phones so the icons wouldn’t be fulll-width.
But in doing so, it left aligned the block grid itself.
text-align didn’t work.

Any suggestions?
https://luminacbd.com

Jesse

[ruenel]

Hey Jesse,

Thanks for writing in!

To resolve your issue, please use this custom css:

@media (max-width: 979px){
    .x-block-grid.three-up>li {
        width: 32%;
        margin: 0 !important;
    }

    .x-block-grid.three-up>li img {
        max-width: 120px;
    }   

    .x-block-grid.three-up>li:nth-child(2n+1),
    .x-block-grid.three-up>li:nth-child(3n+1) {
        clear: none;
    } 
}

We would love to know if this has worked for you. Thank you.

[VitalityCBD]

I missed that i needed to replace my previous MOBILE coding.
It went all weird with overlaps, but i deleted my 3 mobile lines and then this worked perfectly.
It’s not what I actually wanted, but it looks better than what i wanted, so no complaints.
Thank you!

[christian]

You’re welcome.