- Posts: 10
- Thank you received: 0
Text box of Hot Swipe Carousel in mobile view
-
fterenziani75
Inactive member - Topic Author
- New Member
Less
More
9 months 16 hours ago #51300
by fterenziani75
Text box of Hot Swipe Carousel in mobile view was created 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
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
Less
More
- Posts: 6766
- Thank you received: 719
8 months 4 weeks ago #51303
by milos
Replied by milos on topic Text box of Hot Swipe Carousel in mobile view
Hello,
Please add this to the file /media/templates/site/startup/css/custom.css, at the bottom of the file, below the last }
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 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