Menu icon Foundation
Image inside anchor won't center

Hello, 

I want to center an image that's inside an anchor (it's my logo with a link to my site). What I have looks like this:

<row class="collapse">
    <columns small="12" large="12">
    <center>
      <a href="http://www.site.com/" target="_blank">
        <img src="assets/img/logo-01.png">
      </a>
    </center>
    </columns>
  </row>

On the browser it looks good, but on iPhone it won't center. Any ideas? 

I've tried also using 2 columns with size 2 at every side (small=2 and large=2) to center it, but in that case it doesn't center perfectly.

Thanks!

anchorimage

Hello, 

I want to center an image that's inside an anchor (it's my logo with a link to my site). What I have looks like this:

<row class="collapse">
    <columns small="12" large="12">
    <center>
      <a href="http://www.site.com/" target="_blank">
        <img src="assets/img/logo-01.png">
      </a>
    </center>
    </columns>
  </row>

On the browser it looks good, but on iPhone it won't center. Any ideas? 

I've tried also using 2 columns with size 2 at every side (small=2 and large=2) to center it, but in that case it doesn't center perfectly.

Thanks!

Shoaib Iqbal over 3 years ago

 

try centering it with

<row class="collapse text-center">