So...
includes/templates/elegancer_pink/css/responsive_theme.css on line 67 says
Code:
@media (max-width: 480px)
.button_return_to_product_list, .carousel-box {
display: none;
}
Since all other content on your home page is hidden and you're only showing carousels, and the css command says to hide the carousels on screen size smaller than 481px, there's nothing left to show. You can either remove .carousel-box from that line (but keep in mind it will affect all other pages on that screen size) OR you can create a new css file called index_home.css and add the following command:
Code:
@media (max-width: 480px)
.carousel-box {
display: block !important;
}
Either way, make sure you reload (CTRL+F5) after you make your changes.
Bookmarks