Large white space after Hot Swipe Carousel on MOBILE

  • paul1
    Active member
  • Topic Author
  • Member
  • Member
More
2 years 3 months ago - 2 years 3 months ago #49987 by paul1
Hi Mavros



Any ideas?

www.paynesvilleclassicboatrally.com.au
Business J4 template
PHP 8.0
Sparky Page Builder

Using Hot Swipe Carousel initially with a single image.

On deskop:  Works fine, although there appears a thin line at bottom of the image. Carousel image shows as I need it :-)
On mobile - see attached screenshot on mobile, which has a large white space below the image.

Have I missed a switch somewhere?

Paul
 
Last edit: 2 years 3 months ago by paul1. Reason: dpuble image code

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 3 months ago #49988 by milos
Hello

Please edit file /media/templates/site/business/css/custom.css and around line 1116 delete this:
Code:
.hot_swipe_carousel_slides .flickity-viewport { min-height: 300px; }

Regards,
Milos

Please Log in to join the conversation.

  • paul1
    Active member
  • Topic Author
  • Member
  • Member
More
2 years 3 months ago - 2 years 3 months ago #49990 by paul1
Hi Milos

Thanks for very quick support. Sadly, not had any effect :-( Hve cleared Joomla cache and checked on mobile.

Could the code be elsewhere as well?
Paul
Attachments:
Last edit: 2 years 3 months ago by paul1. Reason: adding attachment

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 3 months ago #49993 by milos
The change is visible indeed. You need to clear your mobile device browser's cache (not the Joomla cache).

Regards,
Milos

Please Log in to join the conversation.

  • paul1
    Active member
  • Topic Author
  • Member
  • Member
More
2 years 3 months ago #50008 by paul1
My thanks - most appreciated.

Still having trouble with the line below the image, as in attachment.

Only shows on pc and not mobile and, oddly, home page is fine but other pages show it :-(

 

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 3 months ago #50011 by milos
Hello,

I couldn't find what makes this line. The only way to avoid it is to move the entire row 1px down by adding this CSS code to the file /media/templates/site/business/css/custom.css (add it on the top of the file):
Code:
.carousel_row { position: relative; top: 1px; }

Regards,
Milos
The following user(s) said Thank You: paul1

Please Log in to join the conversation.

Time to create page: 0.173 seconds
Powered by Kunena Forum