How to fix Flickity button next from going off screen?

Solved
joshsadler98
Pathfinder
114 3 33

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)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2496 9027

This is an accepted solution.

@joshsadler98 

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
24919 2496 9027

This is an accepted solution.

@joshsadler98 

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

joshsadler98
Pathfinder
114 3 33

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

Joshua.

KetanKumar
Shopify Partner
24919 2496 9027

@joshsadler98 

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
joshsadler98
Pathfinder
114 3 33

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
24919 2496 9027

@joshsadler98 

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