Can I make buttons responsive in height?

[kaylai]

I noticed on the mobile and desktop versions of my website, buttons (added through the page builder) are not responsive height-wise. They are moderately responsive width-wise, but when the text requires a second line, the box outline stays the same and the text hangs out outside of it and overlaps into other text/buttons.

Two examples:
http://kaylaisomura.com/bio/
http://kaylaisomura.com/current/

[SeaTheme]

Hi,

Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

.ux-btn-text { display: inline-block; }

Regards!
SeaTheme – SeaTheme.net – Twitter – Facebook

[kaylai]

Hi, I added the CSS, but it seems to still not work on mobile. The text only works within the boundaries of the button outline on one line, so some text is still overlapping onto other buttons.

[SeaTheme]

Hi,
Please add the custom CSS code to “Appearance > Customize: Additional CSS”:

@media (max-width: 480px) {
 .ux-btn-text { 
    line-height: 1.3;
    padding-top: 6px;
 }
}

[kaylai]

Thank you!! It worked this time.

[Author]

Posts