Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 26, 2015 at 7:37 pm #478772
    easeupjosh

    Hello,

    I’m trying to create a long green banner with responsive text in it similar to the one seen here, http://www.ferrandinoandson.com/, where it says “how can i help you” with a telephone number. I created a new slider and made the default background color green, but when I try to add the text the position of it doesn’t adjust down for tablet or mobile view. The text seems to stay in the same position. I have “responsive” enabled in the settings. Any idea what could be wrong?

    July 26, 2015 at 10:19 pm #478811
    Basilis

    Hi easeupjosh!

    Can you please show us a live version, of what you are trying to do?

    Regards,
    Basilis

    July 26, 2015 at 11:31 pm #478828
    easeupjosh

    Hello Basilis,
    Thanks for the response.
    If you go here http://www.hawkfp.com you’ll notice that green layerslider beneath the first slider. When I am editing the slide I position it in the middle, but when I load the page it’s slightly left and when I try to minimize Chrome to show me what the responsive views will be like, the text stays right instead of adjusting to the smaller responsive (mobile and tablet) sizes. I’d like the text to center and be completely viewable for every view.
    Thanks for your help!

    July 27, 2015 at 1:09 pm #479042
    Rikard

    Hi!

    Seems like the site is in maintenance mode, could you send us login details please? You can post them here in the Private Content section of your reply.

    Regards,
    Rikard

    July 27, 2015 at 1:57 pm #479062
    easeupjosh

    Hello RIkard, I just took it out of maintenance mode.

    The link is http://www.hawkfp.com

    Thanks

    • This reply was modified 8 years, 10 months ago by easeupjosh.
    July 28, 2015 at 6:57 am #479466
    Rikard

    Hey!

    I couldn’t see any responsive issues on any of the sliders on your page, could you send us a screenshot of what you are seeing on your end please?

    Regards,
    Rikard

    July 28, 2015 at 12:38 pm #479652
    easeupjosh

    Ha, talk about a game of cat and mouse! OK, check it out now, I must have deleted the green slider bar on the home page.

    http://www.hawkfp.com.

    July 29, 2015 at 6:00 am #480026
    Rikard

    Hey,

    You’re telling the text to stay 370px away from the left margin at all times so there will be issues with that on smaller screens. Please try to remove the left margin and add the following instead to the paragraph:

    text-align: center !important;

    Also, make sure to that the text is allowed to wrap.

    Best regards,
    Rikard

    July 29, 2015 at 1:28 pm #480187
    easeupjosh

    Hello Rikard, is there any way of doing that through the Advanced Layer Slider interface?

    July 29, 2015 at 1:53 pm #480205
    easeupjosh

    Hello Rikard,

    Setting left at 50% seemed to have fixed my issue. Thanks again for your help.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Responsive Text LayerSlider Issue’ is closed to new replies.