Return to previous page

Slider text responsive smartphone view lay-out BUG

This topic has 15 replies, 3 voices, and was last updated 7 years, 2 months ago ago by Olga Barlow

  • Avatar: Jdsgn
    Jdsgn
    Participant
    December 1, 2017 at 08:54

    Hi,

    My installed XStore has a responsive lay-out BUG in the homepage slider text on mobile smartphone view.

    XStore theme:

    Landing

    Webshop URL:

    (view on mobile smartphone to take notice of this BUG)

    http://www.marktplaatswebwinkel.nl

    Screenshot:

    https://drive.google.com/file/d/1Qj6tEv0I7Zs5YeSzuN85ixjmPWBV-AG4/view?usp=drivesdk

    Question:

    How to fix this BUG so that the slider texts are displayed responsively right on mobile smartphone?

    Already thanks a lot in advance for reply how-2-fix.

    Best regards,

    Djé

    J-DSGN
    webdesign & development

    Please, contact administrator
    for this information.
    #179074 Copied Theme version: 4.13 WooCommerce version: 3.2.5
    14 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 1, 2017 at 09:11

    Hello,

    Thanks for the topic. Hope you are having a nice day.
    The wp-admin credentials are incorrect.
    Please read this documentation https://www.themepunch.com/revslider-doc/layer-responsive-behavior/ -http://prntscr.com/hhlq6v
    Let us know if you need any further assistance.

    Regards

    #179076 Copied
    Avatar: Jdsgn
    Jdsgn
    Participant
    December 1, 2017 at 09:39

    Hi,

    I have created the wp admin administrator user for you just now.

    Try to login again succesfully with the same send wp admin credentials please.

    Best regards,

    Djé

    #179083 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 1, 2017 at 09:49

    Hello,

    Please check now http://prntscr.com/hhm4vb
    You need simply set needed mobile size http://prntscr.com/hhm5fq and edit view here http://prntscr.com/hhm5aw

    Regards

    #179085 Copied
    Avatar: Jdsgn
    Jdsgn
    Participant
    December 1, 2017 at 12:00

    Hi,

    I can not see any changes after your fix ?!

    The slider texts are still not showing responsively right.

    (Yes, I removed my mobile browser history, cash and cookies before testing)

    SEE:

    http://www.marktplaatswebwinkel.nl

    SCREENSHOT 1:

    https://drive.google.com/file/d/1eOP-tNGm5mjOv_K2K-BC6oefc-KBvRmD/view?usp=drivesdk

    SCREENSHOT 2:

    https://drive.google.com/file/d/1j-upgfE8IObnWbhJ2FEBXKcpwwuBQG_l/view?usp=drivesdk

    DEMO THEME INSTALLATION & CONFIGURATION

    You must know that I have installed and configured my website according the demo theme site content, layout and settings.

    DEMO SITE XSTORE LANDING:

    https://www.8theme.com/demo/xstore/landing-watch/

    The demo XStore Landing is showing the slider texts responsive right ..

    .. while in my site the slider texts are not showing responsive right and the layout of them is messed up.

    Can you configure the mobile size slider settings of my theme right so the slider texts show exactly the same responsive behaviour as shown in the demo please?

    Thanks already in advance.

    Regards,

    Djé

    #179102 Copied
    Avatar: Jdsgn
    Jdsgn
    Participant
    December 1, 2017 at 12:23

    EXTRA NOTE:

    The slider mobile size settings in my theme were already set exactly the same according your screenshot:

    http://prntscr.com/hhm5fq

    See screenshot:

    https://snag.gy/XxEzNM.jpg

    Furhtermore I am viewing my site on mobile smartphone:

    Samsung S8+

    The screen size of the Samsung S8+ is:

    6.2″ Quad HD+ Super AMOLED (2960×1440)

    #179106 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 1, 2017 at 13:15

    Hello,

    Please check “landing-watch-new” slider. I’ve set this slider on your home page.

    Regards

    #179110 Copied
    Avatar: Jdsgn
    Jdsgn
    Participant
    December 1, 2017 at 16:07

    Hi,

    Did you check it accurately yourself before claiming and noticing that the problem is fixed ?!

    While now still the slider texts are not showing responsive right like it should and not acvordingly the demo XStore Landing theme.

    Compare my site installed XStore Landing theme:

    http://www.marktplaatswebwinkel.nl

    With the demo XStore Landing theme:

    https://www.8theme.com/demo/xstore/landing-watch/

    Can you fix this responsive layout problem and show the slider texts exactly the same accordingly the demo theme please?

    Regards,

    Djé

    #179136 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 1, 2017 at 16:15

    I imported slider from our demo, so on your site the same slider as on demo.
    Also, I’ve re-checked your site on my mobile.
    Please clear check cache one more time.

    Regards

    #179138 Copied
    Avatar: Jdsgn
    Jdsgn
    Participant
    December 1, 2017 at 16:24

    EXTRA NOTE:

    For example:

    The slider text line is braking off not right after the word:

    ‘at’.

    While these words also fit easily on the same text line:

    ‘hand. Literally in hand’

    Besides is the secondairy text line in layout being overlapped by the main text line.

    See screenshot:

    https://drive.google.com/file/d/1pGhcj3J4odi34QG1hERQezjf75NzgX-A/view?usp=drivesdk

    Can you fix this responsive layout problem and show the slider texts exactly the same accordingly the demo theme please?

    Regards,

    Djé

    #179140 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 1, 2017 at 16:28

    Please check this screenshot http://prntscr.com/hhrmaj

    Regards

    #179141 Copied
    Avatar: Jdsgn
    Jdsgn
    Participant
    December 4, 2017 at 10:47

    I now viewed my site in a mobile browser I have never used before to view my site.

    So it shows my site clean and still the slider text not look like your screenshot.

    See:

    https://drive.google.com/file/d/1H__6lrDv9xnpN1Mz6bzQRvPGK1RRjb7_/view?usp=drivesdk

    How can it show on your mobile right and mine not?

    Regards,

    Djé

    #179232 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 4, 2017 at 17:37

    Hello,

    Problem was caused by the width of your text block http://prntscr.com/hizot5
    I have made it a little bit bigger and now everything seems fine. Check, please, and let me know.

    Regards

    #179268 Copied
    Avatar: Jdsgn
    Jdsgn
    Participant
    December 5, 2017 at 14:42

    Hi

    Thank you very much for your quick service and fix !! 🙂

    The slider texts are now showing responsive perfectly right.

    Still strange though that I ve followed the installation Wizzard exact steps to install and configure the demo theme XStore: Landing, but the slider was not shown directly rigth ?!

    Anyways, I assume you are going to add a new fix for this in the next version update of your the theme.

    Beste regards,

    Djé

    #179343 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 5, 2017 at 18:23

    Hello,

    Yes, we’ll fix it.

    Regards

    #179389 Copied

  • Tagged: , , , , , , , , ,

  • Viewing 15 results - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.