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.
http://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;
}
}
