Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #367966

    This is a screenshot of my about page on 1024 resolution screen:
    I couldn’t find an example in the demo, so is there any way to use this type of icon list, or need to find smth else in order to be responsive?

    Thanks in advance!


    If what you want is to have “the icon at the top and the text beneath”
    try theses lines in your costum css

    .avia-icon-list .iconlist_icon{
    float: none !important; 
    margin-right: auto !important; 
    margin-left: auto !important;}


    Thank you for using Enfold.

    You can follow @begrafiks solution but add a css media query. Something like this:

    @media only screen and (min-width: 768px) and (max-width: 1100px) {
    .iconlist_icon.avia-font-entypo-fontello {
    float: none !important;
    margin: 0 auto 20px auto;
    .iconlist_icon header.entry-content-header, .iconlist_icon .iconlist_content {
    text-align: center;


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