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

This topic contains 4 replies, has 2 voices, and was last updated by  kaylai 3 days, 4 hours ago.

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
    Supported

    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
    Supported

    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!