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

    Hello,

    I realized that the two columns with included icon lists on homepage http://www.bebm.de 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
    Bernd

    #390414

    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,
    Elliott

    #390580

    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!
    Bernd

    #390583

    Hi!

    Please add following code to Quick CSS as well

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

    Regards,
    Yigit

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

You must be logged in to reply to this topic.