Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 14, 2014 at 4:34 pm #367966
    djneskovil

    Hello!
    This is a screenshot of my about page on 1024 resolution screen: http://alessya.avestaconsulting.eu/new/wp-content/uploads/2014/12/About.png
    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!

    December 14, 2014 at 7:21 pm #368002
    begrafiks

    Hi,
    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;}
    December 15, 2014 at 6:27 am #368163
    Ismael

    Hey!

    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;
}
}

    Cheers!
    Ismael

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