How can I move my shopping cart icon just a little bit further down in the Dawn Theme?

Technical Q&A
1

I replaced the shopping bag SVG with a shopping cart out of steel. Now the new SVG is a little bit too high. Does anyone know how I can position it in line with the other two icons?

This is the code I used for the cart.

Thanks

2

Try this:

<svg style=“padding-top: 10px;” class=“icon icon-cart” aria-hidden=“true” focusable=“false” role=“presentation” xmlns=“http://www.w3.org/2000/svg” viewBox="0 0 25 25” fill=“none”>

You can change the 10px near the start of the code snippet to a different value to move it more/less.

3

Thank you so much! So I guess somewhere in the code the Icons position is set and now we are going 10 pixels down further from that position?

4

That’s correct. Padding will add space around an element. You could also use padding-right etc.