How can I adjust the position of an icon and collections on my website?

Solved

How can I adjust the position of an icon and collections on my website?

MT27
Pathfinder
152 6 10

Hi i used this css code (.icon-arrow {
margin-right: -25px;)  to take the arrow a bit to the right, but it moved also in the sub menu. can you help me place it in the original position in the sub menu. Also, could you bring the two collection (hoodies and t-shirts) 10px more up. thank you 

URL: https://matibrnd.com/

Pass: biangu

MT27_0-1706117873372.png

MT27_1-1706117906207.png

 

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2138 615 493

This is an accepted solution.

Hey @MT27 

 

Use this instead

 

#shopify-section-header .menu-drawer__menu-item .icon-arrow {
    margin-right: -25px;
}

.menu-drawer__submenu .list-menu {
    margin-top: 30px !important;
}

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Reply 1 (1)

ThePrimeWeb
Shopify Partner
2138 615 493

This is an accepted solution.

Hey @MT27 

 

Use this instead

 

#shopify-section-header .menu-drawer__menu-item .icon-arrow {
    margin-right: -25px;
}

.menu-drawer__submenu .list-menu {
    margin-top: 30px !important;
}

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!