See: https://www.causeisrael.org/ver0708/
Screenshot: https://nimbus.everhelper.me/client/notes/share/1004224/g2v2c10p80vdq16g2kvd
I would like it to show 3 logos in all screen widths. When it goes below some width, it shows one per row: https://www.dropbox.com/s/himh9szkkd8ozvh/Screenshot%202017-07-08%2006.20.19.png?dl=0
I want it to stay with 3 per row no matter what width.
Hey agiveon,
Try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 768px) {
.slide-entry-wrap {
display: flex!important;
}
img.attachment-no.scaling {
width: 80px!important;
max-width: 80px!important;
}
}
Best regards,
Mike
Thank you!
How would you change it if make it 4 element wide and on mobile want it to be 2×2 ?
Hi,
I’m thinking:
@media only screen and (max-width: 768px) {
#top .avia-logo-element-container .slide-entry {
width: 50%;
}}
But you will need to remove the other code for us to test
Best regards,
Mike
yup! that works!