Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 15, 2017 at 11:07 am #808513
    EventLawyers

    Hi,

    I want to resize a fullwidth button which is only appearing on mobile devices. I want the padding and the font to be smaller. Since it looks different on each mobile device I need a code for each device.

    I posted the link to our website in private content. You find the button on the HOME – Site.

    Thanks a lot!

    Best regards,
    Anna

    June 15, 2017 at 5:48 pm #808645
    Sarah

    Hey Anna,

    Thank you for using Enfold! :)

    Sorry, I can’t seem to find the full-width button. Did you remove it?

    For specifying the style for each device, please take a look at this resource for media queries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    I hope that helps!

    Best regards,
    Sarah

    June 16, 2017 at 4:07 pm #808990
    EventLawyers

    Hey Sarah,

    the button only appears on mobile devices. I used only_mobile class for it.

    I tried the style for media queries already, somehow it didn’t work.

    Best regards,
    Anna

    June 17, 2017 at 10:56 am #809257
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home .av-fullscreen-button .avia-button-fullwidth {
    padding: 20px !important;
}

.home .av-fullscreen-button .avia-button-fullwidth .avia_iconbox_title {
    font-size: 16px !important;
}
}

    Best regards,
    Rikard

    June 19, 2017 at 9:43 am #809690
    EventLawyers

    Hi Rikard,

    Thank you! This one worked perfect!
    You can close the topic :)

    Best,
    Anna

    June 19, 2017 at 1:57 pm #809770
    Sarah

    Hi,

    We’re glad that Rikard was able to help you!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

    Thank you for using Enfold!
    Sarah

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘resizing full width button’ is closed to new replies.