thumbnail pushing outside the screen

ludwig.arcache's Avatar

ludwig.arcache

16 Nov, 2017 11:15 AM

Hello,

ON MOBILES, when the number of thumbnails exceed, the thumbnail slider push the divs outside the screen
e.g. https://macrotronics.net/product_info.php/cougar-attack-x3-mechanical-gaming-keyboard-cherry-mx-rgb-p-13592

Thanks

  1. Support Staff 1 Posted by Dmitry Semenov on 16 Nov, 2017 03:31 PM

    Dmitry Semenov's Avatar

    Hello,

    Make sure that parent elements of slider have 100% width and there are no elements with table layout that do not reduce.

    Dmitry

  2. 2 Posted by ludwig.arcache on 17 Nov, 2017 11:47 AM

    ludwig.arcache's Avatar

    I did make sure that all parent Divs have with 100%, and no tables on the page. something is wrong plz you can test it. probably a js bug.

  3. 3 Posted by ludwig.arcache on 17 Nov, 2017 11:53 AM

    ludwig.arcache's Avatar

    apparently the thumb width respond to the number of thumbs inside it instead of the parents width.

  4. Support Staff 4 Posted by Dmitry Semenov on 17 Nov, 2017 08:22 PM

    Dmitry Semenov's Avatar

    Quite unlikely that it's JS issue, if I manually move slider element to root of your #bodyContent element - it's correctly sized. Check parent elements of slider, for example .forecastle element has table layout that can easily cause such issues.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • Untitled-2.jpg 128 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac