Archived topic
font icons in navigation. problem with responsive version
9 replies · Started by cillian byrne on April 28, 2015
Hi,
My site is here:
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 ?
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;
}
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 ?
This article explains a couple different ways to add CSS: http://generatepress.com/knowledgebase/adding-css/
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
Is the font icon plugin still activated? Doesn't look like it looking at the code.
http://www.smithbyrne.com/Untitled-1.jpg
please see screenshot, looks like it's activated?
And the settings are correct? Adding a bit of CSS shouldn't remove the functionality of the plugin at all.
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
Awesome, glad you got it sorted out! :)