Dashicon not showing

[kathyosborne]

Hi

I followed this tutorial to add a search icon to my search box:

3 Ways To Customize Genesis Search Form, Input Box & Button

but it's not showing properly. http://www.moii.com/newsite
Any help?

Thanks!
Kathy

[Brad Dalton]

Make sure you load dashicons.

---

Tutorials for StudioPress Themes.

[kathyosborne]

Thanks for responding!

I have this code in my functions file that should be loading the dash icons (right?):

//* Enqueue Scripts
add_action( 'wp_enqueue_scripts', 'education_load_scripts' );
function education_load_scripts() {

	wp_enqueue_script( 'education-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
	wp_enqueue_style( 'dashicons' );
	wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Roboto+Condensed:300,700', array(), CHILD_THEME_VERSION );
	}

But I added what you suggested and it still doesn't load... :/

[Brad Dalton]

You need to remove or change the .nav-primary class in the CSS.

Reason: I tested the code when placing the search form in the primary nav which is why i added the nav primary class so the magnifying glass was only added to the search form in the nav menu.

I did add a note for that in the tutorial which you must have missed:

All CSS code includes the .nav-primary class as the code has been tested using the primary nav menu extras which displays a search form in the primary nav menu.

---

Tutorials for StudioPress Themes.

[kathyosborne]

I did miss that note. Thanks for your help!

[Author]

Posts