Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 10, 2014 at 11:01 am #365892
    Hotelsolutions

    Hi there,
    Very happy with the Enfold theme and all the updates/support lately. Keep it up!

    I have a small question regarding buttons on the fullscreen slider. On desktop they appear just fine. But on mobile devices they are very large and go all the way down to the bottom of the slider.
    I have no idea how to fix this.

    Hope you can help,
    Cheers, Jeroen

    December 10, 2014 at 4:44 pm #366049
    Yigit

    Hi Hotelsolutions!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
.avia-slideshow-button {
padding: 6px 8px!important;
font-size: 12px!important;
}}

    Best regards,
    Yigit

    December 10, 2014 at 6:06 pm #366136
    Hotelsolutions

    Hi Yigit,
    Thanks for your reply.
    Unfortunately it didn’t fix the issue. Still large buttons on ipad/iphone etc.
    Any idea?

    Beste regards,
    Jeroen

    December 11, 2014 at 6:15 am #366503
    Ismael

    Hi!

    Please replace the code with this:

    @media only screen and (max-width: 768px) {
body div .avia-button {
height: 50px;
min-height: 50px;
max-height: 50px;
}
}

    Regards,
    Ismael

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