How can i remove arrows in dawn theme?

Solved

How can i remove arrows in dawn theme?

Not applicable

Hi, i want to remove the arrows like i describe in the picture and remove the part in red. I want to remove the arrows in desktop and mobile version and remove the part in the red box only on mobile. I hope you can help me. Thank you 🙂

 

I'm using the newest dawn theme and my url is: https://8ni0pc-bm.myshopify.com/de

 

123.png

Accepted Solution (1)
Moeed
Shopify Partner
6292 1711 2055

This is an accepted solution.

Hey @Anonymous 

 

Keep the previous code and add this new code above </style> in the end of theme.liquid file

.slider-buttons {
    display: none !important;
}

RESULT:

Moeed_0-1731342595222.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


View solution in original post

Replies 9 (9)

Moeed
Shopify Partner
6292 1711 2055

Hey @Anonymous 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.card .icon-wrap {
    display: none !important;
}
h3.card__heading {
    place-items: center !important;
}
</style>

RESULT:

Moeed_0-1731342257350.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


Not applicable

Amazing. Thank you. 

 

I add a picture to my question. Is it impossible to remove the part in the red box under the category bubbles?

 

Kind regards

Moeed
Shopify Partner
6292 1711 2055

This is an accepted solution.

Hey @Anonymous 

 

Keep the previous code and add this new code above </style> in the end of theme.liquid file

.slider-buttons {
    display: none !important;
}

RESULT:

Moeed_0-1731342595222.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


Not applicable

Thank you. Is it possible to remove a little bit more like here: 

Moeed_0-1731342595222.png

Moeed
Shopify Partner
6292 1711 2055

You can add this code.

.collection-list-wrapper.page-width.isolate.page-width-desktop.no-heading.no-mobile-link.section-template--23452401336584__collection_list_PUpHEH-padding {
    padding-bottom: 0 !important;
}
ul#Slider-template--23452401336584__collection_list_PUpHEH {
    margin-bottom: 0 !important;
}

RESULT:

Moeed_0-1731342953233.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


Not applicable

Thank you. Where should i put the code? I put it above head but it looks like this now: 

 

head.png

Moeed
Shopify Partner
6292 1711 2055

Add it above </style> in the end of theme.liquid file as last time.

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


Not applicable

I add it here at abouve the last </style> and its not working.

 

212.png

Moeed
Shopify Partner
6292 1711 2055

Drag all of this code from <style> to </style> below <head> and it should be good then.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.