Shopify themes, liquid, logos, and UX
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:
https://directcomputers.co.uk/
Solved! Go to the solution
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 ; }
}
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 ; }
}
Thank you for that! Really appreciate it all fully working now.
Joshua.
@Anonymous
its my pleasure to help us
Do you know how i can make the boxes wider on mobile so that the description can be read easier?
It's these boxes:
@Anonymous
that was proper proposal as per device don't any change it work perfect
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025