3

I'm stuck in IONIC 2 for removing something like a border-bottom on ion-item tag as presented in the picture attached.

Picture of the border I want to remove

My code is below:

<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-item class="header-item">
      <ion-avatar item-start>
        <ion-icon name="add-circle"></ion-icon>
      </ion-avatar>
      <ion-title>Gallerie</ion-title>
    </ion-item>
  </ion-navbar>
</ion-header>

And my CSS below:

.header-item {
        background: transparent;
        border: none;
    }

Have you any idea? Thanks for your help!

sebaferreras
  • 44,206
  • 11
  • 116
  • 134
Fred
  • 169
  • 1
  • 3
  • 19

1 Answers1

2

Just like you can see in in the docs, you can use the no-lines attribute to remove that line:

<ion-item no-lines>
  Item with no border
</ion-item>
sebaferreras
  • 44,206
  • 11
  • 116
  • 134
  • 1
    Thanks for your support, it's perfect! I didn't find the information, I've gone through the doc to quickly. – Fred Jan 03 '18 at 19:14