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

Technical Q&A
1

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
Bildschirmfoto 2021-06-20 um 12.00.17.png2880×1099 221 KB

2

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_0-1624188779876.png1895×901 148 KB

3

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;
      }

,

4

Yes,

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

Mention me in post if I forgot to update