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
7375 1996 2438

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!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 9 (9)

Moeed
Shopify Partner
7375 1996 2438

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!

- Custom Design | Advanced Coding | Store Modifications


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
7375 1996 2438

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!

- Custom Design | Advanced Coding | Store Modifications


Not applicable

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

Moeed_0-1731342595222.png

Moeed
Shopify Partner
7375 1996 2438

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!

- Custom Design | Advanced Coding | Store Modifications


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
7375 1996 2438

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!

- Custom Design | Advanced Coding | Store Modifications


Not applicable

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

 

212.png

Moeed
Shopify Partner
7375 1996 2438

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!

- Custom Design | Advanced Coding | Store Modifications