Hi, I’m playing with CSS to make certain header icons on mobile to go away and I’m having trouble. [Screenshot_20180804-212031_Chrome] I’m sorry, I’m a CSS newbie, I appreciate the help. I still cant find a way

It looks like the link is added via the Custom Header Links (icons) theme component. The component has a way for you to decide if an icon appears on desktops, mobiles or both. The icon you have is set to appear on both. In the theme settings, you need to change vdm or view desktop mobile to vdo or view desktop only. If you’re still not sure, have a look at the theme settings section of the theme’s topic.

That is not our icon, you have some sort of plugin that is adding it. To remove via CSS right click, look for the class name and add a line that hides it to your theme.

I tried working this out, but it’s not working. What am I doing wrong so I can learn and not annoy the community? .i.fa.fa-hashtag.d-icon.d-icon-hashtag { display: none; } Website is: blinqchat.com

How to remove iconified header links from mobile?

Product Support

nexo August 6, 2018, 5:39am 5

Whoops didn’t even notice that, I got the component awhile ago. Thanks a lot!

Topic		Replies	Views
Adding a link into the mobile header Product Support	5	1848	January 21, 2019
Post section header link icon cut off on mobile UX	1	764	October 26, 2021
How can I fix the mobile header? Development	1	476	February 1, 2023
Custom Header Links (icons) Theme component official , custom-header-icons	117	34154	August 4, 2025
How to add a link icon to the header Development	3	667	February 2, 2024

How to remove iconified header links from mobile?

Related topics