Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #926161

    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?

    #926439

    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

    #926862

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

    #927021

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.