[Resolved] Move cart icon to right column

[Ivan Cazorla]

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

[David]

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;
}

[Ivan Cazorla]

Thank you, works like a champ!

[David]

Awesome. Glad to be of help.

[Author]

Posts