Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 27, 2017 at 12:09 pm #739324
    Rio1

    hi,

    I have a full width slider in the front page with 2 buttons. however on mobile, the buttons don’t quite fit into the picture.
    Can I make only one button appear in the mobile version (and have it centered?)

    thank you

    January 28, 2017 at 9:27 pm #739791
    Nikko

    Hey Rio1,

    I tried checking your site however it shows this instead:

    This site can’t be reached

    Best regards,
    Nikko

    January 29, 2017 at 1:22 am #739885
    Rio1

    Hi Nikki,
    That’s strange.
    Can you try again please with this link?

    Home1

    I changed the picture to another size.
    So now the buttons are displayed. But I’d still like to only show one button in the mobile version and have it centered.

    Thank you :-)

    January 29, 2017 at 2:01 am #739889
    alexanderduenchem

    Hi Rio,

    müsstest das hier ins CSS eingeben (je nachdem welcher button weg soll dann am Ende button-1 oder eben wie im Beispiel -2:

    @media only screen and (max-width: 767px) and (min-width: 480px) {
.avia-slideshow-button .avia-button .avia-color-light .avia-multi-slideshow-button .avia-slideshow-button-2 {
display: none;
}
}
    January 30, 2017 at 1:54 am #740056
    Rio1

    Hi Alexander,

    danke für die Antwort.
    wenn ich den Code im Quick CSS Feld von General Stylings eingebe, ändert sich leider nichts.
    are you sure that works?

    February 1, 2017 at 8:34 am #741066
    Rikard

    Hi,

    I checked your site and the buttons are being displayed side by side on all sizes, are you ok with that or do you want to adjust that in some way?

    Best regards,
    Rikard

    February 1, 2017 at 4:48 pm #741351
    Rio1

    Hi Rikard,

    thank you for replying.
    on an iphone 7, the buttons are displayed underneath each other and not very centered.
    I would like to disable one of the buttons for mobile and have the other one displayed as centered.

    February 6, 2017 at 6:48 am #743165
    Nikko

    Hi,

    If you want the orange button to remain and hide the kontact button, you can add this code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .home #full_slider_1 .slideshow_inner_caption .avia-slideshow-button-2 {
    display: none;
  }

  .home #full_slider_1 .slideshow_inner_caption .avia-slideshow-button {
    margin-right: 0 !important;
  }
}

    If it’s the other button, you can use this one instead:

    @media only screen and (max-width:767px) {
  .home #full_slider_1 .slideshow_inner_caption .avia-slideshow-button {
    margin-right: 0 !important;
    display: none;
  }

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

    Hope this helps.

    Best regards,
    Nikko

    February 6, 2017 at 5:34 pm #743474
    Rio1

    perfect. it worked!
    thank you

    February 6, 2017 at 8:23 pm #743557
    Nikko

    Hey,

    Glad we could help :)

    Cheers!
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘button in full with slider’ is closed to new replies.