Navigation
Archive / Cart icon not showing
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 15, 2016 at 1:49 pm #1177034
    md_mitchell
    Participant

    In the top menu I have a menu item for Cart (integrated into Woocommerce) and entered <i class=”x-icon x-icon-shopping-cart”></i> in the Navigation Label but it is not showing. Please let me know what I’m doing wrong.

    Really appreciate it.

    (Sending login privately)

    September 15, 2016 at 1:50 pm #1177036
    md_mitchell
    Participant
    This reply has been marked as private.
    September 15, 2016 at 3:30 pm #1177191
    Joao
    Moderator

    Hi There,

    Add this code for the icon instead:

    <i class="x-icon x-icon-shopping-cart" data-x-icon="" aria-hidden="true"></i>

    Hope it helps

    Joao

    September 15, 2016 at 3:39 pm #1177200
    md_mitchell
    Participant

    Thanks. Apologies for the follow-up. Is there any way to increase the icon size?

    September 15, 2016 at 7:12 pm #1177362
    Jade
    Moderator

    Hi there,

    You can add this under Custom > CSS in the Customizer.

    .x-nav-wrap.desktop .x-icon-shopping-cart {
    font-size: 18px;
}

    Hope this helps.

    September 16, 2016 at 8:52 am #1178194
    md_mitchell
    Participant

    Thanks that did it!

    But when I’m trying to insert icons for “Checkout” (<i class=”x-icon x-icon-truck” data-x-icon=”” aria-hidden=”true”></i>) and My Account (<i class=”x-icon x-icon-truck” data-x-icon=”” aria-hidden=”true”></i>) they’re still showing the Shopping Cart icon.

    Any ideas?

    Thanks!

    September 16, 2016 at 1:16 pm #1178483
    Joao
    Moderator

    Hi There,

    This data-x-icon=”” looks the same for our eyes but the computer can read that icon differently.

    On this link : demo.theme.co/integrity-1/shortcodes/icons/

    You will find all the icons, use your right mouse button to inspect and copy the source code of each icon.

    Hope it helps

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1177034 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>