I'm moving my web site, and I'm trying to get the star menu icons to appear above my menu (categories) on the new URL, but it's blank.

I have my Categories menu set as menu 1, and I'm choosing to display menu 1 at the top of the page, where the menu does appear. However, when I go to CSS Settings > Using Menu Icons, the sample code has my Pages menu as menu 1 and my Categories menu as menu 2. I am not sure what to do about this.

Anyway, I went to the sample code, changed the icon numbers, and changed all instances of #menu2 to #menu1, and copied it over to menus_menu1.css. When that didn't work, I went ahead and copied it over to menus_menu2.css with just the icon numbers updated (which didn't work either).

This is the code I'm using:

/* Part 1- for default state: */
#menu1 .game-dev > a > i { background-position: 0px -24px; }
#menu1 .games > a > i { background-position: 0px -24px; }
#menu1 .roboturtle > a > i { background-position: 0px -24px; }
#menu1 .site-news > a > i { background-position: 0px -24px; }
/* Part 2 - for hover state: */
#menu1 .game-dev:hover > a > i, #menu2 .game-dev.active > a > i { background-position: -24px -24px; }
#menu1 .games:hover > a > i, #menu2 .games.active > a > i { background-position: -24px -24px; }
#menu1 .roboturtle:hover > a > i, #menu2 .roboturtle.active > a > i { background-position: -24px -24px; }
#menu1 .site-news:hover > a > i, #menu2 .site-news.active > a > i { background-position: -24px -24px; }

I'm using postname permalinks.

Thank you for any help.

what is the url?

The url is http://www.drroboturtle.com

I did spot that there were some instances of #menu2 still left in my code, and fixed that just now.

for some reason, the request for the menu graphic is using https instead of http
have you tried disabling all your plugins?

Thank you! It looks like it was an error from mixed content. I've moved the rest of the site to ssl, and it looks like all the other images are fixed, except for the menu icons, which still don't appear for some reason.

I've cleared my browser cache, and I can also view the icons at https://drroboturtle.com/wp-content/...ons-0090d3.png now. This is the code I'm using (which sort of worked just before moving the site to ssl -- appearing only if I was logged in):

/* Part 1- for default state: */
#menu1 .cat-game-dev > a > i { background-position: 0px -1728px; }
#menu1 .cat-games > a > i { background-position: 0px -1680px; }
#menu1 .cat-roboturtle > a > i { background-position: 0px -792px; }
#menu1 .cat-site-news > a > i { background-position: 0px -2376px; }
/* Part 2 - for hover state: */
#menu1 .cat-game-dev:hover > a > i, #menu1 .cat-game-dev.active > a > i { background-position: -24px -1728px; }
#menu1 .cat-games:hover > a > i, #menu1 .cat-games.active > a > i { background-position: -24px -1680px; }
#menu1 .cat-roboturtle:hover > a > i, #menu1 .cat-roboturtle.active > a > i { background-position: -24px -792px; }
#menu1 .cat-site-news:hover > a > i, #menu1 .cat-site-news.active > a > i { background-position: -24px -2376px; }

Thanks for any help!