Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • June 7, 2013 at 5:48 pm #24496
    wesleysoccer

    How do I make the Title, text and button I added to the layer slider reponsive on mobile?

    Here is full screen: http://cl.ly/image/453y0J290c3Y

    Here is mobile: http://cl.ly/image/3G1i2h0k0G25

    Thanks.

    June 10, 2013 at 5:37 am #123630
    Dude

    Hey!

    See https://kriesi.at/support/topic/shortcode-button-isnt-responsive-in-layerslider – I’ll tag this thread for Kriesi – he didn’t answer the last thread and maybe he can’t provide a solution too but it’s worth a try.

    Regards,

    Peter

    June 10, 2013 at 3:43 pm #123631
    Torlock

    Hello, Just thought I would post to mention I have encountered the same problem and if you can get a fix it would be much appreciated as a call to action in the slider button form with be amazing!

    Thanks :)

    June 10, 2013 at 11:42 pm #123632
    wesleysoccer

    Thanks…It’s not just the button…it’s the title and text as well…look forward to the fix.

    June 12, 2013 at 1:48 am #123633
    Devin

    Hi All,

    For the most part it all should be responsive. Just setting the text size and setting up buttons all of my test slides change size based on the container.

    Have you switched on the slideshow global settings to Responsive? Are you using any css to force the slide content to a specific style?

    If we can take a look at the slides live as well as a screenshot of your settings maybe we can try and replicate things or inspect the code.

    Regards,

    Devin

    June 13, 2013 at 12:34 am #123634
    wesleysoccer

    Yes it’s set as responsive and yes I’m using css to style the font, font size, etc…If you want to see the backend, please let me know and I can create account….

    June 13, 2013 at 11:08 am #123635
    Ismael

    Hi,

    Please send the login details //…

    Include the work “Kriesi” on the subject. Add the link of this thread on your email.

    Regards,
    Ismael

    June 13, 2013 at 7:03 pm #123636
    wesleysoccer

    Email was sent.

    June 14, 2013 at 6:04 pm #123637
    wesleysoccer

    Just following up here to confirm you received my email.

    June 15, 2013 at 5:36 am #123638
    Ismael

    Hi,

    I didn’t receive the email. Please include the word “Kriesi” on the subject.

    Regards,

    Ismael

    June 15, 2013 at 6:46 am #123639
    dsgnerfw

    Maybe changing the global settings could help.

    Responsive under < 1140

    Slider width < 100 percent.

    It’s thesame as the enfold example

    June 16, 2013 at 8:58 pm #123640
    seamusdrumz

    The inclusion of the WP layerSlider instead of the Revolution Slider was the BIGGEST, and perhaps only mistake you made when designing this theme. In my opinion, if the layerSlider is not functioning properly, due to faulty coding, it is your responsibility to offer either effective solutions to this problem, or full refunds.

    You cannot pass these problems off on the layerSlider team, and leave us twiddling our thumbs until they solve the problems on their end. Perhaps you can offer codes for those of us who would want to replace the WP LayerSlider with the Revolution slider.

    June 17, 2013 at 1:47 am #123641
    wesleysoccer

    I’ll email again…I need this working. Thanks so much.

    June 17, 2013 at 1:55 am #123642
    wesleysoccer

    @dsnerfw Here is what is looks like under your changes..the font is overlapping…

    http://cl.ly/image/2u3H0n3H3n1j

    June 17, 2013 at 3:07 am #123643
    Ismael

    Hi,

    I did some changes on your slide Chop > Slide #1. Unfortunately, I don’t have the time to change all your slides. I also use the actual html code for avia buttons. I added a class selector to make it unique.

    NOTE: Images are much more responsive than text. Next time you create a slide, I suggest you use image text instead of actual text. To see an example, please Import the dummy data.

    I added this on your Quick CSS

    /* Advance Slider Style */
    
.fsn2-title { font-family: League Gothic; letter-spacing:2px; font-size:68px; font-weight:500; color:#ffffff; }
    

    
.fsn2-p { color: white; font-size: 15px; line-height:22px; margin-bottom:50px; }
    

    
@media only screen and (max-width: 767px) {
    
.ls-layer > span { top: -10px; left: -5px !important; padding: 0 10px !important; }
    

    
.fsn2-title { font-family: League Gothic; letter-spacing:1px; font-size:20px; font-weight:500; color:#ffffff; line-height:10px; }
    

    
.fsn2-p { color: white; font-size: 10px; line-height:12px;margin-bottom: 10px; }
    

    
.ls-layer > span .avia-button.avia-size-large {  padding: 3px 10px; font-size: 11px; min-width: 80px; top: 15px;
    
}
    
}

    Regards,

    Ismael

    June 17, 2013 at 4:00 am #123644
    wesleysoccer

    thanks so much 4 your time.

    June 26, 2013 at 12:49 pm #123645
    Kriesi

    Hey Guys!

    Just a short notice.

    Unfortunately I couldnt think of smart way to make elements within the layerslider responsive and still be correctly aligned. I think in fact its pretty much impossible. So if you want to use buttons that align perfectly fine I would recommend to create image buttons and place them within the slider.

    Should work much better…

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Layer Slider Reponsive?’ is closed to new replies.