Changing Icons not working in mobile

  • Resolved cmeeks

    (@cmeeks)


    6 years, 3 months ago

    Hi,

    I recently added some CSS code to change the icons shown on the “My Account” menu.
    This is the code I added. `
    .kad-head-my-account-menu nav ul li.woocommerce-MyAccount-navigation-link–dashboard a:before{
    padding: 0;
    content: “\f286”;
    }
    body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link–dashboard a:before{
    content: “\f286”;
    }`
    All looks well on the desktop but on the mobile version nothing is changed on the home page drop-down menu. The CSS carries over to mobile on the “My Account” Page though. Thought on this??? I do not understand why the code carries on one page but not the other for mobile. Thanks.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    I’m having difficulties finding the menu on your site that the CSS is targeting. Can you share some screenshots of what you’re changing so I can be sure I’m understanding?

    You can post images here:
    https://postimages.org/

    Thanks,
    Kevin

    Thread Starter cmeeks

    (@cmeeks)

    Hi Kevin,
    I have taken off the mobile option for the my account menu and replaced it with a search bar. This has bypassed the whole issue.
    Thanks

    Glad to hear it! Let me know if you need anymore help with this.

    -Kevin

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing Icons not working in mobile’ is closed to new replies.

Tags