Okay
  Public Ticket #147499
Icons not showing up properly
Closed

Comments

  • Mark started the conversation
    January 15, 2014 at 3:15am
    Howdy, The down arrows on my main navigation and just one of the social icons (youtube) are not showing up properly - they are showing up as squares with nothing inside them. Why is this happening? It's particularly strange because the facebook, twitter, and google+ icons are all showing up.....but in the middle, youtube won't show up! I just hopped onto Chrome and it looks like they appear in Chrome. The issue is occurring in firefox for MY website however both issues work fine in the themeforest demo website. Help please! Thanks!
  •  1,077
    ThemeNectar replied
    January 17, 2014 at 2:25am

    Hey Mark!

    Have you verified it's not from a plugin conflict? Perhaps try disabling all plugins to check really quick :)

    Cheers

  • Mark replied
    January 17, 2014 at 7:33am

    Thanks for your response.  Yes, it was a plugin conflict!

    Here's the problem - I'm not quite sure how to resolve the conflict.  I was really hoping to use this plugin - (WP Menu Cart is the culprit) - because it's been working great with my store until I switched themes.

    Do you have any advice on how to resolve a conflict like this?  I did a bunch of googling, but haven't found any concrete ways to troubleshoot.

    Thank you!

  •  1,077
    ThemeNectar replied
    January 21, 2014 at 2:30am

    Hey again mark!

    Yes, if you can supply me a URL I will be able to tell you what you need to remove in order to resolve the issue :)

  •   Mark replied privately
  •  1,077
    ThemeNectar replied
    January 27, 2014 at 1:59am

    Hey again!

    Here's the quickest fix: Open the wp-menu-cart.php file located within the plugin folder, delete this line from it:

    wp_enqueue_style( 'wpmenucart-icons' );

    and then search for this line:

    $menu_item_a_content .= '<i class="wpmenucart-icon-shopping-cart-'.$this->options['cart_icon'].'"></i>';

    and replace it with:

    $menu_item_a_content .= '<i class="icon-shopping-cart icon-default-style"></i>';

    then it will just be a matter of styling that cart icon to be smaller/positoned correctly. So add this into Custom CSS box located in your Salient Options panel:

    body .wpmenucart-contents .icon-default-style[class^="icon-"] {
    font-size: 19px !important;
    height: 9px!important;
    line-height: 12px !important;
}

    Cheers!

  • Mark replied
    January 28, 2014 at 7:41pm

    Wicked!  Thank you!  Did the trick!

    Just one final question - my icon is now the "highlight" color - red - the same color as hover-over.  Any idea how I can make the icon the standard gray that the rest of my menu text is?

    I really appreciate your help!

     

  •  1,077
    ThemeNectar replied
    January 30, 2014 at 12:39pm

    You're welcome :)

    In regards to the color question - change this snippet:

    body .wpmenucart-contents .icon-default-style[class^="icon-"] {
    font-size: 19px !important;
    height: 9px!important;
    line-height: 12px !important;
}

    to this:

    html body .wpmenucart-contents .icon-default-style[class^="icon-"] {
    font-size: 19px !important;
    height: 9px!important;
    color: #777777!important;
    line-height: 12px !important;
}

    Cheers :)

  • Mark replied
    January 30, 2014 at 9:50pm

    Perfect!  Thank you for your help.  resolved!