ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• January 3, 2014 at 6:48 pm #40093
  rhodez

  Member

  Post count: 86

  Hi,

  I am using left icons in the end of this page:

  http://sometek.fi/wordpress-kotisivut-yritykselle/

  Left icons don’t seem to scale down in mobile view, so the actual icon box text becomes really narrow (eg. on iphone 5s). Is it possible to scale down the icons in mobile view so that they are more usable?

  Thank you in advance!

  January 6, 2014 at 11:45 am #40506
  Tahir – SUPPORT

  Member

  Post count: 1212

  Hi,
  Thanks for the feedback. I am sure we can adjust the css in the next update.
  In the meantime you can make it smaller by using this custom css

  @media only screen and (max-width: 479px) {
  div.sf-icon-cont.cont-small {
  padding: 19px;
  }
  }

  All the Best

  Tahir

  January 7, 2014 at 10:47 pm #40887
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi there,

  Use this code instead, much better solution:

  .sf-icon-box.sf-icon-box-left-icon-alt > i {
  	font-size: 24px;
  	width: 24px;
  }
  .sf-icon-box.sf-icon-box-left-icon-alt .sf-icon-box-content-wrap {
  	margin-left: 45px;
  }

  Added this for the next update.

  – Ed

• Back to forum

  Posted in: Dante