Hello. Need some help displaying the team member names/titles stacked on top of each other, as it does on small media queries.
Thank you,
Ryan
Hi Ryan,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.page-id-192 #av_section_2 .av_one_fourth {
width:100% !important;
margin-left:0 !important;
}
}
Best regards,
Rikard
Hi. Didn’t seem to change anything. I know the way those team members is laid out is not ideal, but the client is insisting on it. ; ) The only way I know to go about it on mobile is to stack the team members, maintaining their current order and centering them.
Thanks,
Ryan
Hi Ryan,
Ok, thanks for the feedback. Please try this instead:
@media only screen and (max-width: 990px) {
.page-id-192 #av_section_2 .av_one_fourth {
width:100% !important;
margin-left:0 !important;
}
}
Best regards,
Rikard
No change
Hi!
Try adding this code to Quick CSS:
@media only screen and (max-width:960px) and (min-width:768px) {
#top.page-id-193 #av_section_2 .content {
margin: 0 !important;
width: 100% !important;
position: static !important;
}
.page-id-193 #av_section_2 .av_one_fourth {
display: block;
float: none;
margin: 0 !important;
width: 100%;
text-align: center;
}
}
Let us know if it works :)
Best regards,
Nikko
Good to go, thank you!
Hi,
You’re welcome. Glad we could help :)
Best regards,
Nikko