Problems in the mobile version

rembertoguido

Please help. The web page slideshow works fine in responsive mode, but a large gray space appears between the slideshow photo and the menu in phone mode. How can I avoid that margin that looks very ugly? Also the slideshow titles do not fit the size of the cell phone and they look very bad. Thanks for your help. Attached screenshot.

saguaros

Hi rembertoguido

This due to the images' ratio, on small screen, images will be resized.

You can try this custom css:

@media (max-width: 480px){}
.jub-block.container-slideshow-1 .container-slideshow .item {
    height: 205px;
}

.jub-block.container-slideshow-1 .container-slideshow .item .jub-block h1.jub-h1 {
    font-size: 125%;
}
}