search

StartBootstrap / startbootstrap-modern-business

A multipurpose Bootstrap full website template created by Start Bootstrap
https://startbootstrap.com/template/modern-business/
MIT License
1.01k stars 1.18k forks source link

image slider don't scale, and text is not visible on mobile view #85

Open dnkn78 opened 3 years ago

dnkn78 commented 3 years ago

When browser window is resized smaller/narrow or on mobile view, the pictures in the slider get cropped, so that central part of images are shown.

I solved these 2 issues by removing hight and min-height from .carousel-item and adding height: 56.25vw, in modern-business.css. To make text appear, carousel option div has to use only carousel-caption class, in index.html.

James-P-Bennett commented 3 years ago

When browser window is resized smaller/narrow or on mobile view, the pictures in the slider get cropped, so that central part of images are shown.

I solved these 2 issues by removing hight and min-height from .carousel-item and adding height: 56.25vw, in modern-business.css. To make text appear, carousel option div has to use only carousel-caption class, in index.html.

You might be seeing the viewport restriction for mobile view. The carousel item doesn't properly fit on most mobile displays