Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Responsive Slider

5 years 11 months ago #1

  • Greedbegone's Avatar
  • Greedbegone
  • Posts: 684
Hey guys,

You gave us the code to make the slider responsive... it looks great viewing it portrait however when we view it landscape, it doesn't look right... can you please let us know how we can fix this? The site is gopremade.com/~corpus

Thanks,
Matt

5 years 11 months ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 23004
Hello,

You need to find the right slider height for each width screen . example:
@media (max-width: 768px) {
	.mobile-view {
 		height: 380px; !important;
	}
}

@media (max-width: 600px) {
	.mobile-view {
 		height: 290px; !important;
	}
}
or use this variant: http://support.balbooa.com/forum/gridbox/189-image-slider-crop
you can see the whole picture, but then the fields will be added


Regards,
Vyacheslav, Balbooa.com

5 years 11 months ago #3

  • Greedbegone's Avatar
  • Greedbegone
  • Posts: 684
I have added the code, however when going to landscaping, it's not responding... Are we canceling out something here: prntscr.com/bmrb2w

-M

5 years 11 months ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 23004
Hello,

on which device you are testing?
and what its landscape mode width?

if you test on IPad you need add code:
@media (max-width: 1024px) {
	.mobile-view {
 		height: 505px; !important;
	}
}

Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum