I have a perplexing problem… my homepage’s carousel disappears when viewed on mobile devices. I cannot figure out what I’m doing wrong to cause this. The only difference between this and others I’ve made is that I’m using an image overlay that has a z-index assigned to it. The overlay does display, however.
Thanks @Emmanuel…
I’m not familiar with using CSS for this class… what syntax should I use to fix this line so the carousel displays on mobile devices?
Hi @randyrie,
The CSS that @Emmanuel pointed out is setting the display value to “none”. There are three different display properties being set through classes.
d-none : hides on all screen sizes
d-sm-none: hides at the small breakpoint and below
d-md-block: displays on medium and above
I’m guessing you want display from small up? The classes would be .d-none .d-sm-block
Looking at the parent div you are going to have the same issue. Take out the .d-sm-none and replace it with .d-sm-block and get rid of the .d-md-block