Spacing in mobile view

Hi Milos

jansons.com.au               Business J5 template with sparky editor update

Happy with design but on mobile huge spacing beetween carousel and nexr row, plus between rows.

Previously you suggested adding

  .carousel_row {
    position: relative;
    top: 1px;
to fix gap ater carousel.  Added to custom.css and css in editor and got rid of cache on browser but still the same.

Any ideas.  As I say, looks good on screen but mobile not good.

Paul


 

Hello,

In custom.css delete this:

Also, you can delete padding/margin for the rows with "Our Services" and "Concrete Manufacturing" directly in the Sparky Page Builder (in Row settings).

www.hotjoomlatemplates.com/sparky-page-b...ion/page-layout/rows

Regards,
Milos

Hi Milos

Thanks for the info re spacing between rows. I should have known this but usually your templates are spot on for what I need, I rarely hae to change things. Thanks.

With the code, oddly, the code I found (line326) was

.hot_swipe_carousel_slides .flickity-viewport {

}

Thats is - empty. I have deleted, cleared cache but, as code empty, no change.

I will set up a dummy site, using a new download of J5 Business hotstart and see if the file was corrupted in some way.

My thanks, as always, for excellent support.

Paul

Hi

I installed on a spare site and the code is as I found

/* carousel row */

.carousel_row .sparky_cell {
padding: 0;
}

.carousel_row p {
margin: 0;
}

.flickity-viewport {

}

.hot_swipe_carousel_slides .contents {
bottom: 0px;
top: auto !important;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
}

.hot_swipe_carousel_slides .contents p {
margin-bottom: 15px;
}

Hello,

Look for this code in the file custom.css, but around line 1108.

You will have to clear mobile browser cache to see the changes on the mobile device.

Regards,
Milos

My thanks - does the job.

Appreciated.