Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 10, 2014 at 3:33 am #249565
    khedrubje

    Hi.

    I have read another example on here to make a button responsive in a layer slider but i can’t get mine to work. Would you mine having a look at my code. I know it’s know where near correct. Thx

    Button code example.
    [av_button label='More Info' link="http://test.com" class="Layerslider_button"color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='ue81e' font='entypo-fontello']

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {

    .Layerslider_button

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {

    .Layerslider_button {
    color: #000;
    }

    • This topic was modified 10 years, 7 months ago by khedrubje.
    April 12, 2014 at 3:41 am #250420
    Devin

    Hi khedrubje!

    The syntax should be:

    
@media only screen and (max-width: 767px) {
.Layerslider_button { color: #000; width: 100px;}
}

@media only screen and (max-width: 479px) {
.Layerslider_button { color: #000; width: 50px;}
}

    The width is just an example of changing the size of the button for the smaller viewport.

    Cheers!
    Devin

    April 19, 2014 at 12:07 pm #253451
    khedrubje

    Thank you

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Make a button responsive in Layer Slider’ is closed to new replies.