Home › Forums › Arnold WordPress Theme › Can I make buttons responsive in height?
- This topic has 4 replies, 2 voices, and was last updated 1 year, 2 months ago by
kaylai.
- AuthorPosts
- November 9, 2019 at 6:32 am #19922
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/November 9, 2019 at 8:45 am #19924Hi,
Please paste the custom CSS code to “Appearance > Customize: Additional CSS”
.ux-btn-text { display: inline-block; }
Regards!
SeaTheme – SeaTheme.net – Twitter – FacebookNovember 9, 2019 at 7:43 pm #19927Hi, 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.
November 11, 2019 at 1:19 am #19928Hi,
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; } }
November 12, 2019 at 3:52 am #19934Thank you!! It worked this time.
- AuthorPosts
- You must be logged in to reply to this topic.