Broen94

Thanks for the quick reply.
But it really is a pain when you can’t update without messing your changes up.

I will go and ask them in the other forum.

Please tell me if you find another workaround.

Here is my final solution for people with the same problem.
But you might have to play around with it to make it fit your site.

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	min-width: 100% !important;
  min-height: 100% !important;
  	overflow: hidden !important;}

.slide-text-bg1 > h2 {
  font-size: 250% !important;
  line-height: 120%;
    }

.slide-text-bg2 > span {
  font-size: 150% !important;
  line-height: 120%;
    }

}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
  height: 200px !important;}

.slide-text-bg1 > h2 {
  font-size: 90% !important;
  line-height: 100%;
    }

.slide-text-bg2 > span {
  font-size: 70% !important;
  line-height: 100%;
    }

}

Have a good one!

I managed to fix it a bit by using this code

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	min-width: 100% !important;
  min-height: 100% !important;
  	overflow: hidden !important;}
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
  height: 200px !important;}

but the text on mobile devices is not scaling how it should.

Hi Imran,

Thanks, this fixed the blank spot problem but i still have the problem with the slider on mobile phones. Please let me know if you should find a fix for this.

Thanks in advance.

Hi again,

I tried with the 1600×500 ratio but it didn’t do the trick. Also when using pictures to narrow for the screen it leaves a blank spot to the right of the pictures.

Something is making the slider image nonresponsive but i can’t figure out what.

To be continured.