CODEWITHSUNDEEP
javascriptcsstwitter-bootstrap-3carousel
Kevin
Kevin

Reputation: 862

Disable carousel in Bootstrap 3 auto resize on Mobile devices (Height)

I'm working on a website but I'm struggling to get my Bootstrap carousel to work properly. On normal screens it works great, but whenever I look at the website on a mobile device (or shrink the page on my desktop) the carousel is adjusting itself to be responsive. However, this causes my carousel to shrink to sizes where the carousel is displayed, but only has around 5 pixels in height making it look really strange.

You can find my test website here to see it yourself, is there any way how I can fix this issue by either:

Thanks in advance!

Upvotes: 0

Views: 1152

Answers (2)

Daniel Leth
Daniel Leth

Reputation: 66

try post your codes next time, would make it alot easier to solve your problems.

First of all you should margin top your carosuel so your navbar doesnt overlab your carosuel.

I cannont help you with your collapse problem since i cannot see your code.

add this to your stylesheet:

.carousel {
   margin-top: 91px;
}

Upvotes: 1

Hamza Zafeer
Hamza Zafeer

Reputation: 2436

Try class img-responsive in image tag, maybe it fix your problem.

Upvotes: 0

Related Questions