Tagged: icon list, iPad, responsive
Hi guys,
When using a 3/4 and 1/4 column and putting the icon list in the 1/4 column, the text gets cut off. (See private content)
I’ve tried to solve it by making the font smaller, but the text still gets cut off. ( https://kriesi.at/support/topic/responsive-icon-list/ )
How can I make the icon list responsive on ipad/tablet?
Sincerely,
Morticka
Hi Barb!
Please add following code to Quick CSS
@media only screen and (max-width: 990px) {
div .av_one_fourth, div .av_three_fourth {
margin-left: 0;
width: 100%;
}}
Cheers!
Yigit
Ha! Fixed. Thx Yigit :D
Can I do the same for the homepage? Here the text from the magazine element gets cutoff next to the icon list. I used 1/2 and 1/2 column there. (See private data)
Sincerely,
Barb
Hi!
Sure, please change the code to following one
@media only screen and (max-width: 990px) {
div .av_one_half, div .av_one_fourth, div .av_three_fourth {
margin-left: 0;
width: 100%;
}}
Cheers!
Yigit
Yes, it worked! Thx Yigit, again ;)
Best-Support-Ever!!!
Sincerely,
Barb