Carousel on high res screens

mhingston commented 7 years ago

Hi, thanks for the great theme.

I've noticed that the carousel is clipping on high res screens (see attached screenshot).

screenshot from 2016-12-21 11-54-04

tranduyhung commented 7 years ago

Thank you for letting me know! Could you please tell me what the width of your screen is?

mhingston commented 7 years ago

Hi,

Screen width: 2021 Screen height: 1136 Native Resolution: 3840 x 2160 DPI: 144

On Wed, Dec 21, 2016 at 3:16 PM, Hung Tran notifications@github.com wrote:

Thank you for letting me know! Could you please tell me what the width of your screen is?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/tranduyhung/grav-skeleton-x-corporation/issues/4#issuecomment-268547520, or mute the thread https://github.com/notifications/unsubscribe-auth/AJT-VRhkAofjIg6_GcLfFNAet3mTBD80ks5rKULZgaJpZM4LS3zJ .

evehne commented 6 years ago

Same here, on ultra-wide screen 2560x1080 sans-titre-1

To avoid this effect, image must be a background (no interest to place on img element) like :

.slider-img
{
  display:table;
  position:relative;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:scroll;
  background-size:cover;
}

background-image can be set on div.style ...

tranduyhung / grav-skeleton-x-corporation

Carousel on high res screens #4