Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 9, 2016 at 12:34 am #645160
    laptophobo

    On my home page (please see Private Content for URL) there is a set of 4 large light-blue icons (For our patients, for our supporters, etc.) . On desktop view they are aligned 4 in a row. When viewed around 970px (for pad view) they become 2 rows of two. And on smartphone view, they become 1 up view. I’d like to have the smartphone view be the same as the “pad view”: of 2 rows of 2 icons.

    Could you share with me the styling?

    Thank you!

    June 10, 2016 at 5:45 am #646019
    Ismael

    Hey laptophobo,

    Thank you for using Enfold.

    Please add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all #icon-section .flex_column {
    margin-left: 4%;
    width: 48%;
}
}

    Best regards,
    Ismael

    June 10, 2016 at 6:41 pm #646302
    laptophobo

    Thanks for the try, but it didn’t change much. It just un-centered the icon.

    June 10, 2016 at 7:51 pm #646315
    Vinay

    Hi,

    Please replace the code with 

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all #icon-section .flex_column {
    margin-left: 3%;
    width: 38%!important;
}
}
@media only screen and (max-width: 480px) {
#top .av_font_icon a{
font-size: 60px!important;
    line-height: 60px!important;
    width: 60px!important;
}}

    Best regards,
    Vinay

    June 10, 2016 at 8:04 pm #646321
    laptophobo

    Thanks Vinay. That worked!

    June 10, 2016 at 8:49 pm #646341
    Basilis

    Hi!

    Glad we got it short out.
    Please do remember to go ahead and rate our theme to themeforest!

    Thanks a lot for your time

    Cheers!
    Basilis

    June 10, 2016 at 8:57 pm #646343
    laptophobo

    Done.

    June 13, 2016 at 5:04 am #647157
    Rikard

    Hi,

    Thanks a lot, I’ll go ahead and close this topic. Please open a new one if you should have any more questions/problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘change sizing of AV Font Icon’ is closed to new replies.