Okay
  Public Ticket #1340670
mobile view - text overlap and not centered
Closed

Comments

  • cece101 started the conversation

    Hello. Great plugin. Please take a look at http://agiletic.com in mobile view. The bottom three text sections overlap on mobile only and the top text is somehow not centered… only issues on mobile. Thanks for your thoughts/help.

  • [deleted] replied

    Hello cece101,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    There were slight changes in the slider layouts in the previous release, please re-select and re-save the responsive and layout options of your slider in the Slider Settings -> Layout tab.

    Also, as I can see there is a Responsive Under value set for your slider. I'd recommend to remove this value alltogether, since version 6 the plugin calculates this option by itself so you do not have to enter anything. The Responsive Under option is located in the Slider Settings -> Layout -> Fullwidth section. It is hidden by default so you have to enable the Show Advanced Settings button.

    After removing the Responsive Under and re-selecting/re-saving your settings, the problem should disappear.

    Please let us know of the results.

  • cece101 replied

    Thanks for the assistance. I made the changes and resaved as you recommended. It didn't seem to help. Can you check?

  • [deleted] replied

    Thank you for the feedback. My colleague and I will look into this to see if we can find anything wrong, and get back to you shortly.

  • cece101 replied

    Yes please as soon as you can. Our website is live:)

  • [deleted] replied

    The problem is related to the "Min. (mobile) font size" option that you are using. The min font size prevents the text layers from going under a certain size. However as the slider gets smaller, after a certain point there won't be enough space for the text layers, as they will stop scaling down.

    To work around this you will either need to disable the min font size option, or set up two different layouts for mobile and dekstop view, using the device specific layers. So you can adjust the slider's content differently on mobiles.

    Additionally to the device specific layers, you could also build two sliders with different sizes or with different content for dekstop/mobile, include them both to the site, and only display them (using the Hide over and Hide under options) on the required device.

  • cece101 replied

    ok. thanks!