Custom CSS for Avenue Template Mobile

Hello,

I'm using the Avenue template and want to customize the mobile version to only have 1 thumbnail per row instead of the default 2/row. I found the following code on an archived forum: 

@media screen and (max-width:750px) {
.thumbnail-layout-basic-grid #projectThumbs .project {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
}

This solves the thumbnail issue but the images aren't centered. Any advice? Thank you! 

Hi,

Can you share link to page? We can check easier

Absolutely! Here it is:

https://gregorylefevre.co/

Thank you for checking it out!

On 2/22/2024 at 11:14 PM, Gthefevre said:

Absolutely! Here it is:

https://gregorylefevre.co/

Thank you for checking it out!

I see it already show 1 item/row to me

Yes, but the row is off center. Is there a way to address that?

Thank you! That did the trick.