Gallery images - Support | Kriesi.at - Premium WordPress Themes

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
January 14, 2017 at 8:16 pm #733640

creativeyes
Participant

Hi
I’ve just uploaded the awards on this page https://theimplantcentre.com/why-choose-us/our-awards/ but would like them to reduce from 5 columns to 3 when viewed at tablet width and 2 columns when viewed on a mobile.

Many thanks
Rupert

January 16, 2017 at 6:33 am #733891
Rikard
Keymaster
Hey Rupert,

Please try the following in Quick CSS under Enfold->General Styling:
```
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.page-id-64 #av_section_1 .av_one_fifth {
    width: 25% !important;
}
}
```
Best regards,
Rikard
- This reply was modified 7 years, 10 months ago by Rikard.
January 16, 2017 at 11:56 am #733987

creativeyes
Participant

Thanks Rikard, that doesn’t seem to have worked:

https://theimplantcentre.com/wp-content/uploads/2017/01/Screen-Shot-2017-01-16-at-09.52.23.png
https://theimplantcentre.com/wp-content/uploads/2017/01/Screen-Shot-2017-01-16-at-09.52.43.png

January 18, 2017 at 4:20 pm #735397
Yigit
Keymaster
Hi,

You had some errors in your custom CSS code. I fixed them and then gave unique ID to your color section and added following code to Quick CSS
```
@media only screen and (max-width: 1024px) and (min-width: 768px) {
#awards .flex_column {
    width: 29%;
}
#awards .flex_column:nth-child(4), #awards .flex_column:nth-child(9) {
    margin-left: 0;
}}
@media only screen and (max-width: 767px) {
#awards .flex_column {
    width: 50%!important;
}}
```
Please review your website now

Best regards,
Yigit
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.