Double height button

robinwyatt · February 2017

Hi,

On my iPad, one of the buttons is appearing double height, as you can see here. This is the only device I've found that this is happening so far. You can see the button looking normal here. How can I correct this?

Albert · February 2017

Hi,

the only workaround we have to make it look a little bit better on tablets, is the following custom css:

@media only screen and (min-width: 960px) and (max-width: 1239px) { 
    a.kill_the_icon .button_icon { padding-left: 10px; padding-right: 10px; }
    a.kill_the_icon .button_label { padding-left: 15px; padding-right: 15px; }
}

robinwyatt · February 2017

Thanks!

I realised that this removes the icon in the button, and didn't want this to happen. I removed the CSS you gave me and pressed save, yet the icon is still missing. I have verified that this is not a caching issue at my end. I even deleted the button and re-added it. How can I resolve this?

Albert · February 2017

But there is an icon already there what you can see on http://pasteboard.co/txBceEFuZ.png

robinwyatt · February 2017

I'm sorry, I should have mentioned that this is happening only on tablets in portrait orientation.

Albert · February 2017

Portrait mode did never had icons in buttons because there is not enough space for them and they do not scale properly. From the first day, we made buttons with icons, they were always being removed from the buttons in tablet portrait mode.

robinwyatt · February 2017

Ah, ok!

Double height button

Comments