Orientation problem

HI, i am beginner and i have just started using ionic framework. I am developing an app that has image buttons on the page.I have two picture buttons below the other two buttons. In two coulmns, The buttons are aligned properly when in portrait mode, but when i change the to landscape or even a tablet i find those picture button below just overlap the above buttons. Please do help.


Can you please post your HTML-Code.

Yes, please post a codepen or plunker.



Can u write plz the the width and height from the imgs?

Your App look like this?

But u want this?

Yup exactly. my images are 512 x 512.

okay the problem is, buttons with the class “button-clear” has a “max-height”image

You must duplicate the CSS-Properties or copy it to your “style.css” and give it a custom CSS-Class, then u set the “max-height” to none

.my-custom-clear-button {
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
  padding: 0 6px;
  max-height: none;
  border-color: rgba(0, 0, 0, 0);
  background: 0 0;
  box-shadow: none;

Thats it.

1 Like

Thank you so much @azad11 that cleared my problem.

@venkyangara: no problem :wink: