Remove arrow/icon in menu

  • Hi,

    This seems to be a common issue with many themes, but I couldn’t apply any of the solutions I found so far.
    I’d like to remove the little icon that sits next to the text in the menu tabs, which contain sub-menus. (originally an arrow I guess, but for me now only a cryptic little replacer box, I forgot how that came about)
    See here: https://ibb.co/xjKCrxw

    I failed to identify the item in html, and tested the bit of CSS suggested here:
    https://basicwp.com/remove-icon-menu-with-sub-items-astra/
    but it doesn’t work.

    I’m using Elementor, Elementor – Header, Footer & Blocks, and NavMenu Addon For Elementor as plugins, just in case there might be some kind of interference.

    Thanks for any ideas or quick help

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

  • Hi @domsjuk,

    The CSS code on the site you provided didn’t work for you because you are using Elementor Header Footer plugin to create the header for your site.

    If you could provide us your live site URL, we can try help providing the working CSS for you.

    Kind regards,
    Herman ??

    Thread Starter domsjuk

    (@domsjuk)

    Hi Herman,

    thank you for your assistance. I already found a workaround applying the bit of css code linked above by using a proxy html widget. For everyone struggling with it as well, the process is explained here: https://www.youtube.com/watch?v=WD2NBLxHbUY&t=312s
    Works perfectly ??

    Best regards and happy new year!

    Hi @domsjuk,

    Good to know that you have figured it out. And thank you for sharing about how you did that.

    Please mark the topic as resolved and do let us know if there’s anything else we can help you with.

    ??Have a nice day and stay safe!

    ??Kind regards,
    ?Herman :)??

    James W.

    (@urbancowboy1994)

    I’m having the same issue. My entire site, nav menu included, was built using Elementor (Pro to be exact). Didn’t use any other add-on plugin to generate the header or the menu like the developer above, but the bit of code that is suggested to be added to the child theme / additional CSS in customizer is not doing anything. There are arrows already added by Elementor on the menu when there are children below. However, once I activate ASTRA theme, I am seeing an additional drop-down arrow being added to the right of the parent links, and an arrow being added to the left of the child links when the drop down displays.

    UPDATE: Reached out to Astra Support and got the following response from Alex.

    My name is Alex from team Astra, here to assist you with your request.

    I would recommend you to add the following filter to your Child Theme’s functions.php file:

    add_filter( 'astra_is_svg_icons', '__return_false' );

    In case you do not have the Child Theme installed, fortunately, switching to a Child Theme is relatively easy by using the export/import feature we offer.

    Please navigate to Appearance > Astra Options, on the main area you will see the modules enabled, and below a section that reads Extend Astra with Free Plugins!, click to Activate the Import/Export Customiser Settings options.

    Once activated, refresh the page, and on the right-hand side, you will see a block below that reads Export Settings, click on the Export button. It will prompt you to download a JSON file to your computer, proceed to download it.

    After this, if you do not have the Child Theme installed, go to our Astra Child Theme Generator and create yours, download, and install it by going to Appearance > Themes > Add New as you would usually do with any other theme, and Activate.

    Head back to Appearance > Astra Options, and on the same column where you found the Export Settings, you will find below the Import Settings, click on the Browse button, select the JSON file you had previously downloaded, and click on the Import button.

    After importing the file, your site should be running the Child Theme with all the settings you had on the parent theme (Astra) without any issues.

    I hope that helps and answers your query, if not, feel free to reach back.

    • This reply was modified 3 years, 9 months ago by James W.. Reason: Update from Astra Support
    • This reply was modified 3 years, 9 months ago by James W..

    Hi @urbancowboy1994,

    Thanks for sharing this. Though your issue sounds the same, actually it is different. The Thread Starter wanted to do a small modification thing which actually was not an issue.

    And regarding the issue you were having, yes, the filter provided by our agent should fix it. We fixed this on our recent update, v3.4.3 though.

    In the future, I would suggest you open your own topic rather than add your query to someone else’s topic. This is why.

    Kind regards,
    Herman ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Remove arrow/icon in menu’ is closed to new replies.