I would like to move my collection list arrows upward to the edge of the screen and make them bigger. Please see how my controls appear on my slideshow for reference (I want them exactly like this). Here is the link: https://8ae3b9-27.myshopify.com/ Also, on mobile, I do not want any controls or p…

Hi @ProconMarketing Try this one. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your …

Hey. its the guy who helped you with displaying your menu horizontally. Thank you for marking it as a solution. As for your query and any further help on theme customizations please reach out. Of course will be charging my service fee for my time. But if someone from the community answers your query…

Hi @ProconMarketing please share your store preview url or theme you are using

https://8ae3b9-27.myshopify.com/ Dawn theme. Thanks!

to remove on mobile you can add this code at the bottom of base.css @media only screen and (max-width: 768px){ #Slider-template--17516761284785__collection_list_YnwMjn{ display:none !important; } }

Thanks! Worked perfectly. Can you please help me make them slightly wider? I’d like them to be as wide as the arrows on my slideshow (they must be in-line). Please help if possible.

It needs to wider the collection if you like them align to the slideshow banner. [Made4uoRibe_0-1730147827035.png] Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Can they not be wider than the collection? I’d like them to appear in the open white spaces on the outside of the collection list, on the edge of the screen. Exactly like this: [Screenshot 2024-10-29 at 10.02.03.png] Please.

Please, add this one. @media only screen and (min-width: 749px){ .collection-list-wrapper button.slider-button.slider-button--prev { left: -35px; } .collection-list-wrapper button.slider-button.slider-button--next { right: -35px; } .collection-list-wrapper .slider-button .icon { colo…

Thanks! I really appreciate your help.

Move Collection List Controls and delete pagination

Store Design

ProconMarketing November 1, 2024, 7:51am 15

On this page: https://8ae3b9-27.myshopify.com/collections/browse-by-brand

You will see that the top is the collection list that you helped me design, and under it is a bunch of collection lists that i would like to design the same way please.

Topic		Replies	Views
Featured collection controls + design Store Design design , customizations , collection-page	6	957	January 21, 2025
Remove arrows and numbers from collection list Store Design design , customizations , troubleshooting	2	71	November 7, 2024
Dawn 2.0 - How to remove the numbers from featured collections? Store Design	8	101	August 8, 2024
How to remove collection list Pagination on Dawn Theme Store Design design , header , css , html	3	66	June 29, 2024
Remove numbers and arrows from collection list Store Design menu , design , customizations , landing-page , troubleshooting	1	44	November 11, 2024

Move Collection List Controls and delete pagination

Related topics