Adjust section Heading line height and move carousel image slider arrows

Site URL: https://www.coastalgrain2.squarespace.com

Hi gys,

I'm trying to adjust the line height of the heading in this carousel section, and I'd like to move the slider arrows to the centre of the image, all on mobile.

p: 123coastalgrain123

Cheers!

Quote

move the slider arrows to the centre of the image

Do you mean aligning the caption below?

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="62c77a65bfc92508f6724275"] .list-section-title p {
    line-height: 1;
  }
}

Hope it helps

Thanks, that adjusted the line height.

Do you have any ideas for moving the navigations arrows to the centre of the image?

Trying to achieve the second image example, for some reason it won't work.

Cheers!

On 7/20/2022 at 12:20 PM, markadekoning said:

Trying to achieve the second image example, for some reason it won't work.

Cheers!

Add this CSS code to move arrows to center on 2 sides

/* Mobile arrows */
@media screen and (max-width:767px) {
[data-section-id="62d7ad25ad77dc0842fe5c88"] .mobile-arrows {
    position: absolute;
    top: 50%;
    width: 90%;
    justify-content: space-between !important;
}
}