Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 9, 2017 at 2:01 pm #836394
    dorikoren

    Hi I am having trouble decreasing the button size for mobile only. The buttons I am referring to are on my homepage and titled “Request a Quote” and “Register for a Course”. Any ideas?

    August 9, 2017 at 2:02 pm #836397
    dorikoren

    For clarification, the buttons stack when viewed via mobile, which is good, but you can only see half the button. I was looking for a way that maybe shrinks the buttons to fit the mobile screen, while leaving them the same on desktop. Thanks

    August 9, 2017 at 5:04 pm #836499
    Jordan Shannon

    Hi,

    Add the following to quick css:

    @media only screen and (max-width: 767px)  {

.avia-button.avia-size-large {
    min-width: 0px!important;
}

}

    Best regards,
    Jordan Shannon

    August 30, 2017 at 8:25 am #845665
    dorikoren

    Perfect! Thank you

    August 30, 2017 at 7:11 pm #845922
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Decrease button size on mobile view’ is closed to new replies.