Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 13, 2018 at 5:36 pm #926161
    SandraSquires

    We are using the Fullwidth Easy slider for the website in Private Content. I am using code to add the 4 different buttons but we would like those to go horizontal so that they should up on mobile. Is that possible? Suggestions on getting the buttons to all show up on Mobile?

    March 14, 2018 at 7:05 am #926439
    Rikard

    Hey SandraSquires,

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

    .home #full_slider_1 .avia-button-center {
    display: inline-block !important;
}

    Best regards,
    Rikard

    March 14, 2018 at 9:49 pm #926862
    SandraSquires

    Thank you that worked great. Is it possible to make that happen only on mobile and to reduce the size on mobile?

    March 15, 2018 at 5:20 am #927021
    Nikko

    Hi,

    You can add it inside this media query, to make it only applicable on mobile:

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

}

    combined with Rikard’s code, it should look like this:

    <pre><code>@media only screen and (max-width:767px) {
  .home #full_slider_1 .avia-button-center {
    display: inline-block !important;
  }

  .home #full_slider_1 .avia-button-center a.avia-button {
    font-size: 12px;
  }
}

    as for reducing the size, I think it’s already small, but you can adjust the font size instead to reduce the size.

    Best regards,
    Nikko

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