full screen issue only on laptop - image goes off screen

peter's Avatar

peter

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!

-Peter

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

    Dmitry Semenov's Avatar

    Hello,

    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.

    Dmitry

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

    peter's Avatar

    Thank you, that seems to have done it!

    -Peter

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

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