Narrative Theme - Space between slide titles

Solved
Highlighted
New Member
4 0 0

I have 4 slides and 4 slide titles in my slideshow. Is there a way to reduce the space between the slide titles so that they are closer together (and all fit on desktop view)?

0 Likes
Highlighted
Shopify Partner
2224 482 625

Hey @Jen18,

Please share your website URL. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
4 0 0

Great! Thanks for your help!

Our website is be-me.ca

 

0 Likes
Highlighted
Shopify Partner
2224 482 625

This is an accepted solution.

Hey @Jen18,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.slideshow__buttons {
translate3d(252.952px, 0px, 0px) !important;
width: 75% !important;
}

@media only screen and (min-width: 750px){
.slideshow__button {
    -webkit-flex: 1 1 !important;
    -moz-flex: 1 1 75% !important;
    -ms-flex: 1 1 75% !important;
    flex: 1 1 75% !important;
}
}

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
4 0 0

Thank you! We had to tweak the code a little, but got it to work!  Thanks!

0 Likes
Highlighted
New Member
2 0 0

@Jen18 Curious how you got this to work, I'm trying to do the same thing and this code didn't work. Thanks!

0 Likes