How to adjust custom side menu icon horizontal alignment

how to adjust custom side menu icon vertical alignment .hw can i do this.attach my side menu screen shot.Capture

please help me anyone.

you have to use css for it.

So,please give me a sample of code please.

I do not know how your HTML code looks, so open e.g. in Chrome browser developer tools and locate you menu icon. Then you can use all css stuffs to edit it.

@mcihak this is my HTML code.

<ion-menu [content]="content">

      <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
      <img width="25px" height="25px" src="{{p.icon}}" md="md-key"/>


<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
1 Like

So you can easily use:

            position: relative;
            top: 3px;

How did you add that custom icon?
{ title: ‘Dashboard’, component: HomePage, icon: '‘assets/imgs/home.png’} ,

Yes. You can do like this-> { title: ‘Dashboard’, component: HomePage, icon: '‘assets/imgs/home.png’} ,