problem elementskit !important

  • Resolved comtecmx

    (@comtecmx)


    2 years, 10 months ago

    Good day. I have a problem with the component.
    I am occupying the ZILOM theme from WP.

    The MENU ICON is not displayed in the MOBILE version, if I deactivate ELEMENTS KIT it is shown without problem. However, I want to continue occupying it, I love it.

    I added these lines of code in Template Customization, I could see this in another post, however it doesn’t work on all devices:

    .icon: before {
    font-family: ‘elementskit’, ‘Line Awesome Free’! important;
    }
    .icon-las-la-bars: before {
    content: ‘\ f0c9’! important;
    }

    The corresponding icon is: las-la-bars

    Thank you in advance for any possible solution.

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

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

  • Hello @comtecmx ,
    Thanks for reaching out to us!

    I have checked your site and am able to understand the issue. If you are not using any icon from the Elementskit plugin anywhere, will you please check by Disabling the Elementskit Icon Pack Module? You will find that by navigating to Elementskit > Module => Elementskit Icon Pack(Screenshot)

    Let me know the update.

    Best Regards,
    Prosenjit

    Thread Starter comtecmx

    (@comtecmx)

    Prosenjitbarman I appreciate your attention.

    Effectively disabling the ELEMENTSKIT ICON PACK solves the problem, however, more than 90 internal pages of the site occupy its icons, which, as I mentioned, are fabulous.

    I would like to know if there is any way to correct the error. Any CSS?

    I love its component and we would not want to stop occupying it, it is very important in the Mobile version, since without the menu you will not be able to navigate.

    Thank you in advance for your kind support.

    Attached screen printing.
    https://ibb.co/tmKQKJL

    Hi @comtecmx
    Hope you are doing well.

    I can understand the issue. You need to replace the icon with the Elementskit Icon. In order to solve the issue, copy the CSS code from below and paste it to the Appearance > Customize > Additional CSS section.

    .la-bars:before {
    content: "\e871" !important;
}

    Hope this will fix the issue. Feel free to let me know if you need further assistance in this matter. I will be happy to assist you.

    Best Regards,
    Prosenjit

    Hello @comtecmx,
    I hope you are doing well.

    We haven’t heard from you since the last reply. Has your issue been fixed yet? Let us know the update on this matter.

    Best Regards,
    Prosenjit

    Thread Starter comtecmx

    (@comtecmx)

    Dear Prosenjitbarman

    I appreciate your response, your support is top notch.

    The code that you share solved the problem:

    .la-bars: before {
    content: “\ e871”! important;
    }

    Attached screen printing:
    https://ibb.co/WfMSMRx

    I congratulate you for your component, it is magnificent. Thanks a lot.

    Hello @deduice ,

    I am so glad that the issue is fixed now.??

    If this plugin and our support look good to you, maybe you can help us by giving a 5 star on www.ads-software.com?

    – https://www.ads-software.com/support/plugin/elementskit-lite/reviews/

    We’re working so hard to make this plugin more and more useful to our valuable clients like you, and a 5 star will really help us to grow on the market. ??

    Best Regards,
    Prosenjit

    Hi. I can’t see any of the ElementsKit add-ons when building a page or template. Even when I have all activated. Need assistance on discovering what the issue is. I also sent an email yesterday about the issue.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘problem elementskit !important’ is closed to new replies.