Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
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:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
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
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:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you. Is it possible to remove a little bit more like here:
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:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you. Where should i put the code? I put it above head but it looks like this now:
Add it above </style> in the end of theme.liquid file as last time.
Best Regards,
Moeed
I add it here at abouve the last </style> and its not working.
Drag all of this code from <style> to </style> below <head> and it should be good then.
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024