Ionic Slider Full Screen

@RH34 wrote:

Screen Shot 2015-10-14 at 1.03.03 PM.png784x1356 883 KB

Hi please help me make the to sliders fit to screen but divided into screen equally, I'm also having a white line space at the rght side of the picture..

Heres my code --> home.html

EMPORIA

<ion-slide-box delegate-handle="image-viewer" on-slide-changed="slideChanged(index)" does-continue="true" show-pager="false">
  <ion-slide ng-repeat="men in featuredMen">
    <div class="item item-image">
      <a href="#/product">
        <img ng-src="{{men.featured_image_url_men}}">
        <font style="position:absolute; top:150px; left:100px; width:200px; height:25px background-color:black; color:white"> {{men.name}} </font>
      </a>
    </div>
  </ion-slide>
</ion-slide-box>
<center><b><p style="font-size: 20px; background-color:black; color:white">MEN</p></b></center>

<ion-slide-box delegate-handle="image-viewer" on-slide-changed="slideChanged(index)" does-continue="true" show-pager="false">
  <ion-slide ng-repeat="women in featuredWomen">
    <div class="item item-image">
      <a href="#/product">
        <img ng-src="{{women.featured_image_url_women}}">
        <font style="position:absolute; top:150px; left:100px; width:200px; height:25px background-color:black; color:white"> {{women.name}} </font>
      </a>
    </div>
  </ion-slide>
</ion-slide-box>
<center><b><p style="font-size: 20px; background-color:black; color:white">WOMEN</p></b></center>

thank you very much..

Posts: 1

Participants: 1

Read full topic