Menu icon Foundation
Center Inline Img anf H5 on Mobile Only

Trying to get this block of code centered for small devices only.  I've tried the<center> and small-float-center classes but I can't get it to center.

Any ideas?

 

  <row id="content_section">
    <columns small="12" large="6" valign="middle">
    <img class="inline_img" src="http://www2.tracktik.com/l/150101/2016-10-31/7n341/150101/22806/icon_guarding.png" alt="Guaring Icon"><h5>Security Operations | Guarding Suite</h5>
    <spacer size="20"></spacer>
    <h3 class="small-text-center">Optimize your guarding operations with advanced technology</h3>
     <spacer size="10"></spacer>
    <p class="small-text-center">TrackTik’s Security Operations suite provides all the tools you need to easily manage your guarding operations.</p>
    </columns>
    <columns small="12" large="6" valign="middle" class="full_width">
      <img class="small-float-center" src="http://www2.tracktik.com/l/150101/2016-10-31/7n33t/150101/22800/thumb_guarding.png" alt="Guard scanning checkpoint">
    </columns>
  </row>

centerimages

Trying to get this block of code centered for small devices only.  I've tried the<center> and small-float-center classes but I can't get it to center.

Any ideas?

 

  <row id="content_section">
    <columns small="12" large="6" valign="middle">
    <img class="inline_img" src="http://www2.tracktik.com/l/150101/2016-10-31/7n341/150101/22806/icon_guarding.png" alt="Guaring Icon"><h5>Security Operations | Guarding Suite</h5>
    <spacer size="20"></spacer>
    <h3 class="small-text-center">Optimize your guarding operations with advanced technology</h3>
     <spacer size="10"></spacer>
    <p class="small-text-center">TrackTik’s Security Operations suite provides all the tools you need to easily manage your guarding operations.</p>
    </columns>
    <columns small="12" large="6" valign="middle" class="full_width">
      <img class="small-float-center" src="http://www2.tracktik.com/l/150101/2016-10-31/7n33t/150101/22800/thumb_guarding.png" alt="Guard scanning checkpoint">
    </columns>
  </row>

Ryan McCready about 3 years ago

It looks like those classes are correct and it's working on the rest of your content. I don't see you using it on the logo, so it would work the same there. 

Peekay almost 3 years ago

Thanks Ryan!