Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 9, 2014 at 5:38 pm #207516
    Indiatravelz

    hi there,

    we have entered the following code in the layer slider:

    <div class=”avia-button-wrap avia-button-center avia-builder-el-0 avia-builder-el-no-sibling “>
    <span class=”avia_button_icon” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span><span class=”avia_iconbox_title”>Click me</span></div>

    the button works well on a regular pc but it in huge and not displays well on mobile.
    link for the website: http://indiatravelz.com/

    can you please tell us what to do? (we are pleased from the size of the button as shown on a pc-we dont want it smaller)

    thank you in advance
    indiatravelz

    January 9, 2014 at 5:52 pm #207535
    Ismael

    Hey Indiatravelz!

    Add this on your custom.css or Quick CSS:

    @media only screen and (max-width: 767px) {
.avia-button.avia-size-large {
padding: 5px 20px;
}
}

    Best regards,
    Ismael

    January 9, 2014 at 8:25 pm #207616
    Indiatravelz

    Hi Ismael,
    i have entered the code to the quick css and now i can see the button!:)

    how can i make it smaller?i tried entering the word “medium” instead of large but it didnt work..

    also some of the buttons moved to the side -why?(the third slider in the home page)

    thanks in advance
    indiatravelz

    January 10, 2014 at 1:09 am #207724
    Yigit

    Hi!

    Please add following code to Quick CSS as well to make the font size smaller on mobile 

    @media only screen and (max-width: 767px) {
.ls-s-1 .avia-color-theme-color { font-size: 14px!important; }}

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘call to action button on layer slider doesn't display well on mobile’ is closed to new replies.