How to remove large margin displayed below hot swipe carousel on iPhone

Hi,

The site I am developing is at adorablekateringcanapes.com.au/ . I am using Hot Swipe Carousel for banner images. When I have text with the banner image (seen on menu items Home, About and Catering Occasions) the display on the smart phone puts the text in a black box below the image. I am happy with this. When there is no text with the image, for example  adorablekateringcanapes.com.au/index.php...ons/wedding-catering , there is a large blank space below the image. See attached image. Would you be able to suggest how I could get rid of this blank space?

Many thanks,
Julia.

Hello,

You can add this (change numbers as appropriate):

Regards,
Milos

Hi Milos,

That removes the text space for all web pages using a hot swipe carousel module, so looks great on modules where no text is used but unfortunately cuts off the text on modules where there is text with the image (eg. Home page).

Just to be clear, I am using several different modules of Hot Swipe Carousel on this website because my client wants different slides on each page. Some have text with the image and some don't.

Is there any way of just collapsing this text area only for carousel modules where there is no text used?

I hope all this makes sense. Thanks again,

Julia.

I don't see another solution. But you can use a different module if you want to have images-only carousels (without text). For this purpose, you can install this free Hot Joomla Carousel: www.hotjoomlatemplates.com/free-joomla-e...l-ajax-image-rotator and use Hot Swipe Carousel only for carousels with text.

Regards,
Milos

That's a great idea. Thanks Milos.
Julia.