Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #390159


    I realized that the two columns with included icon lists on homepage is not really responsive.

    The headlines of the icon list are cut when you resize the desktop browser window to a smaller size and when you see it in mobile version it is even cut more of the headline.

    responsiveI Icon List in small Desptop Window

    responsiveI Icon List in Mobile Window

    How can I change may be the breakpoints when it switches to another resolution or change the font size of the headline of the icon list?

    Thanks for Help


    Hi Bernd!

    Add this to your custom CSS.

    @media only screen and (max-width: 479px) {
    .avia-icon-list .iconlist_title { font-size: 14px !important; }

    Best regards,


    Hello Elliott,

    I did it like this now and it works fine:

    `@media only screen and (max-width: 850px) {
    .avia-icon-list .iconlist_title { font-size: 12px !important; }

    Is there a way to make the content text of the Icon List also smaller?

    Thank you very much!



    Please add following code to Quick CSS as well

    @media only screen and (max-width: 850px) {
    .iconlist_content p {
    font-size: 12px;


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

You must be logged in to reply to this topic.