Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 25, 2022 at 1:23 am #1359341
    navindesigns

    I am trying to add 3 buttons to my full width easy slider by following this thread https://kriesi.at/support/topic/full-width-easy-slider-3-buttons/

    It looks ok but need help with the following –

    1- need the SHOP button go onto the next line
    2- on mobile all 3 buttons should be right aligned

    My site

    Home

    July 25, 2022 at 10:24 am #1359354
    Ismael

    Hey navindesigns,

    Thank you for the inquiry.

    1.) Try to wrap the button shortcode inside a paragraph tag to move it to a new line or add a br tag before the shortcode.

    <p >[shortcode]</ p>

    2.) To align the buttons to the right on mobile view, please use this css code.

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

  /* Add your Mobile Styles here */
  .avia-caption-content .avia-buttonrow-wrap .avia-button {
    float: right;
  }
}

    Best regards,
    Ismael

    July 25, 2022 at 3:41 pm #1359395
    navindesigns

    #2 worked great, thanks

    #1 does not work. I tried both wrapping the short-code with <p></p> tags and also <br><br>

    Home

    July 26, 2022 at 6:39 am #1359432
    Nikko

    Hi navindesigns,

    Try using this CSS code, just adjust the values as you see fit.

    #top #wrap_all .avia-buttonrow-wrap .avia-button {
    width: 398px;
}

#top #wrap_all .avia-buttonrow-wrap > .avia-button:first-child {
    display: block;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
}

    Best regards,
    Nikko

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