Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 3, 2015 at 4:24 pm #390159
    Bikul

    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

    February 3, 2015 at 10:22 pm #390414
    Elliott

    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

    February 4, 2015 at 9:22 am #390580
    Bikul

    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

    February 4, 2015 at 9:27 am #390583
    Yigit

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.