Slider - buttons overlapping only on first slide?

@WhoSketchy1997 wrote:

Video here:

As shown in the video: css positions them correctly but only the first slider.

<ion-slides pager="true" class="slide-zoom" [options]="slideOptsOne"  #slideWithNav (ionSlideDidChange)="SlideDidChange(sliderOne,slideWithNav)" (ionSlideWillChange)="doCheck()">
    <ion-slide>
        <h2>title</h2>
        <p>description</p>
        <div>
            <ion-button (click)="next()">Next</ion-button>
            <ion-button (click)="login()">Skip</ion-button>
        </div>
    </ion-slide>

      <ion-slide>
          <h2>title</h2>
          <p>description</p>
              <div>
                  <ion-button (click)="next()">Next</ion-button>
                  <ion-button (click)="login()">Skip</ion-button>
              </div>
      </ion-slide>
  </ion-slides>

Any advice on how to position them correctly on each slide?

Posts: 1

Participants: 1

Read full topic