Archived topic
Move cart icon to right column
3 replies · Started by Ivan Cazorla on December 21, 2018
Viewing posts 1–4 of 4
Hi there, I've created a header with 3 columns like you can see on the image here. My question is: how can I move the cart icon to the last column on the right?
Should I use a short code as I did with the search box?
Thanks,
Ivan
Hi there,
so you could try and add the shoppging cart anchor tag to that grid content:
in your case it would look like this - note i hid your site URL:
<a href="https://yoursiteurl.es/carrito/" class="cart-contents shopping-cart" title="View your shopping cart">
<span class="amount"></span>
</a>The CSS for the nav cart is specific to the nav so you would need this:
a.cart-contents:before {
content: "\f07a";
display: inline-block;
font-family: "GP Premium";
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}Thank you, works like a champ!
Awesome. Glad to be of help.
This archived topic is closed to new replies.
