How to resize and reposition a product categories button?

10 0 1


Hey, been trying to find the answer for this for a few days now, and still haven’t figured it out. If someone would be able to help me, it would be much appreciated!


what I need, is the “product categories” button, being made bigger for the desktop view, and smaller for the mobile view. I also need both of them in a location where it doesn’t cover the text, and it’s in the centre of the orange text box.


essentially, the button should be the right size and place inside the “Opening sale” box.


thank you shopifiers!

Reply 1 (1)

Shopify Partner
802 100 128

Hi @Callum77 


You just need to unset the height of the button for the mobile please refer to the below code and add it to your customizer

@media (max-width: 767px){
.banner .banner__buttons .button {
    min-height: unset !important;


2024-02-02 10_21_57-.png





- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂