Home Forums Arnold WordPress Theme Can I make buttons responsive in height?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #19922
    kaylai
    Participant
    Purchased

    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/

    #19924
    SeaTheme
    Keymaster
    Purchased

    Hi,

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

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

    Regards!
    SeaTheme – SeaTheme.netTwitterFacebook

    #19927
    kaylai
    Participant
    Purchased

    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.

    #19928
    SeaTheme
    Keymaster
    Purchased

    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;
     }
    }
    #19934
    kaylai
    Participant
    Purchased

    Thank you!! It worked this time.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!