Profiles do not display properly on mobile device

Add custom CSS to your theme to collapse them at smaller widths:

@media (max-width: 480px) {
.archive-aeprofiles .agent-wrap {
	float: none;
	width: 100%;
}
}

Where at in the CSS am I placing this? I’ve added it to the style.css on the agentpress theme and it’s not funneling this into a one profile width like it should be. I tried placing it down with the media queries at the bottom as a stand alone copy and paste and have also tried implementing it into the current standing 480px media query.

Thanks.

https://www.truefloridianrealty.com/our-agents/

Anywhere in the CSS should work fine. Looking at your site, I don’t see that code anywhere in the CSS.

Yes I removed it due to the fact that it wasn’t working, I will add it again and wait for your response. Thank you

I see. Just add !important after those declarations:

@media (max-width: 480px) {
.archive-aeprofiles .agent-wrap {
	float: none !important;
	width: 100% !important;
}
}

Thank you so very much.