Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 4, 2014 at 1:52 am #313153
    rjflaherty

    Hello,

    I have a single full width image w/ text and a button, on the homepage of a site I am developing. The text and button look fine on a desktop (or landscaped tablet), but is not rendering properly on mobile devices. Is there a way to these layers responsive? Dev site: http://orangehalo.ryanflaherty.us/

    Any help is appreciated.

    -Ryan

    September 4, 2014 at 12:36 pm #313333
    Yigit

    Hi Ryan!

    Please adjust “responsive under” and “layers container” values in LayerSlider WP > Slider Settings > Layout – http://i.imgur.com/E2YOJ5x.png

    Regards,
    Yigit

    September 4, 2014 at 2:56 pm #313407
    rjflaherty

    Thanks Yigit. I tried that, but the button is still not resizing for smaller browsers. See screenshot: http://i.imgur.com/5EGxfTW.png

    September 6, 2014 at 1:56 am #314238
    Josue

    Hi Ryan!

    Try setting a higher height for the slider (in slider global settings) or setting the button layer top position in percentage value.

    Cheers!
    Josue

    September 24, 2014 at 8:38 pm #324604
    rjflaherty

    Josue – thanks! I used the % on the button layer top position. I works okay, but the button still appears very large on mobile devices and takes up a lot of space in the slider. Is there a way to make the button smaller for mobile devices?

    September 24, 2014 at 8:44 pm #324608
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
.avia-layerslider .avia-button.avia-size-large {
padding: 7px;
font-size: 13px;
min-width: 100px;
margin-top: 12px;
}}

    Best regards,
    Yigit

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