Slider breaks on high resolution

  • The template seems to have a more serious issue with high resolution monitors. On my monitor @ 1920 x 1080, a 500 pixel tall image will be automatically cropped on a full screen browser. Changing the CSS height value from 500 to 800 creates problems on lower resolution screens.

    Also, I was wondering if there is a simple way to make the slider backgrounds themselves linkable, rather than a button inserted by the theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter jccantele49

    (@jccantele49)

    I was able to resolve this by changing:

    .carousel .item {
  line-height: 100px;
  overflow: hidden;
  min-height: 500px;
  max-height: 100px;
}

    to

    .carousel .item {
  line-height: 100px;
  overflow: hidden;
  min-height: 800px;
  max-height: 100px;
}

    Hmm. Tried it on mine and it screws up the spacing between the bottom of the image and the featured pages and mis-places the arrows.

    Together with some playing around I did on this yesterday (with some research into the bootstrap as well) I can understand why nikeo hasn’t rushed to parametrize this.

    Thread Starter jccantele49

    (@jccantele49)

    Hmmm, yeah I’m seeing that on 1366 x 768. On 1920 x 1080 is looks perfect. It’s just at specific resolutions that the arrows get misplaced.

    Anyone have a fix?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Slider breaks on high resolution’ is closed to new replies.