full screen issue only on laptop - image goes off screen

peter's Avatar


11 Jul, 2018 05:19 PM

Hi -

My Royal Sliders work perfect on desktop and mobile screen size, but on my MacBook Pro (2800x1800) only a portion of the image is visible - most of it bleeds off screen. See screen attached grab.

I tried all the Size & Scaling and Image Size options, and read the forum. I can't find anybody else with this issue!

The site is www.erikawinters.com

Any help would be greatly appreciated!


  1. Support Staff 1 Posted by Dmitry Semenov on 12 Jul, 2018 05:27 AM

    Dmitry Semenov's Avatar


    You have transform styles on one of the root element of your page, they add a new stacking context, which makes height as tall as your page content.

    I'm not 100% sure what's the point of those styles, as I don't see any global transitions, so you can try removing them:

    .site {
      -webkit-transform: none !important;
      transform: none !important;

    Also, these styles aren't present on mobile breakpoints, which is why slider works.


  2. 2 Posted by peter on 12 Jul, 2018 03:39 PM

    peter's Avatar

    Thank you, that seems to have done it!


Reply to this discussion

Internal reply

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

Attaching KB article:


Already uploaded files

  • Screen_Shot_2018-07-11_at_10.16.00_AM.png 709 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


? 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