Solved

How to fix Flickity button next from going off screen?

Not applicable

On my homepage my flickity buttons for featured collections go off the page. Does anyone know how to stop this from happening as it's messing up the homepage going off screen. It's the same for all three featured collections on the homepage. See here:

joshsadler98_1-1635496093564.png

 

https://directcomputers.co.uk/ 

Accepted Solution (1)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@Anonymous 

sorry for that 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 1510px) {
.featured-collection__content .flickity-button.previous { left: -20px ; }
.featured-collection__content .flickity-button.next { right: -20px ; }
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 5 (5)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@Anonymous 

sorry for that 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 1510px) {
.featured-collection__content .flickity-button.previous { left: -20px ; }
.featured-collection__content .flickity-button.next { right: -20px ; }
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Not applicable

Thank you for that! Really appreciate it all fully working now.

Joshua.

KetanKumar
Shopify Partner
36839 3635 11972

@Anonymous 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Not applicable

Do you know how i can make the boxes wider on mobile so that the description can be read easier?

It's these boxes:

joshsadler98_0-1636121352629.png

 

KetanKumar
Shopify Partner
36839 3635 11972

@Anonymous 

that was proper proposal as per device don't any change it work perfect 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing