[Resolved] font icons in navigation. problem with responsive version

[cillian byrne]

Hi,

My site is here:

http://www.smithbyrne.com

You see I have some font icons in my nav bars that’s fine I really like them, problem is … when i load the site on my phone and click on the menu ONLY the font icons show and not the page titles, am i doing something wrong ?

[Tom]

Hi there,

It seems to be a feature of the navigation icon plugin you’re using.

You can overwrite it with this CSS:

.menu-item .mobile_hide {
      display: inline;
}

[cillian byrne]

thanks for the reply, it only seems to affect apple devices, tried on an android tab and it was fine.

i’m a bit of a n00b, where do i put that css? just in the theme’s stylesheet ? at the end ?

[Tom]

This article explains a couple different ways to add CSS: http://generatepress.com/knowledgebase/adding-css/

[cillian byrne]

thank again,

sorry to be a pain but i did it through the child theme but it seems to have just disabled my font icons in the navigation both on desktop and mobile versions

[Tom]

Is the font icon plugin still activated? Doesn’t look like it looking at the code.

[cillian byrne]

http://www.smithbyrne.com/Untitled-1.jpg

please see screenshot, looks like it’s activated?

[Tom]

And the settings are correct? Adding a bit of CSS shouldn’t remove the functionality of the plugin at all.

[cillian byrne]

ah ha! i figured it out,
when i activated the child theme I had to go back into customization and re-activate my two menus, now it is all working on all platforms.

sorry but i’m new to CSS and child themes and such

I’d like to thank you for your excellent help and warn you that i’ll probably be back with more stupid questions

thanks

[Tom]

Awesome, glad you got it sorted out! 🙂

[Author]

Posts