Text box of Hot Swipe Carousel in mobile view

More
9 months 16 hours ago #51300 by fterenziani75
Hello,
in the Startup template that I am using (on site www.diocesi.parma.it/parrocchie/sorbolo/ ) I would like to be able to remove the text box of the Hot Swipe Carousel in mobile view (now it appears as an empty dark box  - I do not want to enter any text). Now I am using the Hot Slicebox instead (to avoid this problem), but I would like to be able to use the Hot Swipe Carousel without the dark box (since I do not need to enter text). In particular it would be helpful if the box would be there only when some text is inserted, while not be there whenever no text is inserted.
Maybe you can help.
Best regards,
Francesca

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
8 months 4 weeks ago #51303 by milos
Hello,

Please add this to the file /media/templates/site/startup/css/custom.css, at the bottom of the file, below the last }
Code:
@media (max-width: 767px) { .flickity-slider .gallery-cell .contents { display: none !important; } .carouselrow .flickity-viewport { min-height: 0 !important; } }

The text box will be invisible for devices whose screen width is less than 767px (you can change this parameter in the code).

The text box can't be invisible because there's no text in it. But you can set a transparent background of the text box.

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.149 seconds
Powered by Kunena Forum