Okay
  Public Ticket #3153609
Nectar Slider Buttons size on mobile
Closed

Comments

  •  2
    21-C started the conversation
    October 25, 2022 at 5:37pm

    Hi Salient Team !

    On mobile, the buttons of the nectar sliders are very small.

    I know how to set the headers and captions size on mobile, but i can't find the way to set the size of the buttons...

    Am i missing something ?

    Could you please help me ?

    Thanks !

    Best regards

  •  1,877
    Judith replied
    October 25, 2022 at 7:21pm

    Hi There,

    Thanks for choosing Salient.

    Please try this css: input in css custom code under Salient > General Settings > CSS/Script Related:

    @media only screen and (max-width: 690px){
    body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent a, body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent_2 a {
        font-size: 27px;
    }
}

    Thanks.

  •  2
    21-C replied
    October 26, 2022 at 5:56am

    Hello Judith

    Thank you very much for your answer ! It works ! 

    Just one last little question : is it possible to set the padding inside the button to have more space between the text and the border ?

    Again, thanks a lot !!!

  •  1,877
    Judith replied
    October 26, 2022 at 6:48am

    Hi There,

    Please try this css:

    @media only screen and (max-width: 690px){
    body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent a, body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .button.transparent_2 a {
        padding: 22px 34px;
    }
}

    Thanks.

  •  2
    21-C replied
    October 26, 2022 at 6:53am

    Hello again Judith

    It works perfectly !
    Thank you soooo much ! 

    I will input this settings in my former website and use them for the new ones !

    Ticket can be close :)
    Salient and ThemNectar support team is the very best team ever !