collection scroll/slicker/slide arrows (motion theme):

shipped
Tourist
13 0 2
collection scroll/slicker/slide arrows (motion theme):

hey, I have the following issue.

please have a look at the provided screenshot. I want to move the slicker arrows outwards in order to remove the compressed look it currently has. an example store how it should be is https://kikikickz.com/ 
I searched for a padding option in the specific collection codes, but couldn't find the right one unfortunately.

https://shipped.de/ (password:veirao)

any help is highly appreciated, thanks!

Bildschirmfoto 2021-06-20 um 12.00.17.png
0 Likes
Akibhusen
Excursionist
195 36 62
Hi,
 
Please find the below classes in your theme.css file & update it with css given below:
 
Before:
.collection-switcher__collection-grid .slick-next {
    right: -20px;
}
.collection-switcher__collection-grid .slick-prev {
    left: 10px;
}
 
After updating the css:
 
.collection-switcher__collection-grid .slick-prev{
left:-20px;
}
.collection-switcher__collection-grid .slick-next{
right:-40px;
}
 
After updating the CSS your slider section will look like the below given screenshot:
Akibhusen_0-1624188779876.png

 

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
0 Likes
shipped
Tourist
13 0 2

hey, first of all thanks for your reply!

i found the following code and changed the measurements like you said, but nothing has changed , is it maybe because of the first line (@media...) that im editing the wrong one

 @media only screen and (max-width:589px){
      .collection-switcher__collection-grid .slick-next{
        right:-10px;
      }

      .collection-switcher__collection-grid .slick-prev{
        left:10px;
      }

,

 

0 Likes
Akibhusen
Excursionist
195 36 62

Yes,

I'll check and let you know exactly where to made the change.

Mention me in post if I forgot to update

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
0 Likes