Resolved! You can close this thread.

Nevermind, I was finally able to figure it out by slightly modifying the code! You can close this thread now.

Thank Yigit, that’s exactly what I was talking about! You can close this thread.

Thanks Yigit! You can close this thread.

I was able to figure this out. You can close this thread.

Oh ok, thanks for the help! You can close this thread.

Thank you Ismael. I tried copying this code directly from the forum and adding it to my functions.php file in my child theme and I get the error below just like I do when trying to change my mobile menu buttons. I noticed that each time I add a new font family into the iconfont manager the charcodes start over so I think this error is happening because there are multiple fonts with the same charcode with different font families. How can I indicate the font family the icon is coming from? I think this might help. I have attached the icon zip file in the private area as requested. Please let me know how to fix this. I had to remove the code so my site would work.

Parse error: syntax error, unexpected ‘font_icons’ (T_STRING) in /home/content/p3nexnas05_data03/72/2104972/html/wp-content/themes/enfold-child/functions.php on line 61

I had to remove the code that Ismael provided above from my child theme’s functions.php because the parse error below shows up and the site goes down so I can’t leave it in since I need an operable site. Any idea why this error is showing up and what I can do to make this work? Since the new custom icons I uploaded also use the same charcodes and the entypo-fontello font, do I need to add something into the code that distinguishes what font is being used? Maybe that’s why I’m getting this error?

I think if you can help me modify the code to show what font-family is being used then it might work?

Open Button: font: lineicons /ue816
Close Button: font: lineicons2 /ue816

Parse error: syntax error, unexpected ‘font_icons’ (T_STRING) in /home/content/p3nexnas05_data03/72/2104972/html/wp-content/themes/enfold-child/functions.php on line 61

• This reply was modified 9 years, 3 months ago by djshortkut.

Thanks Josue, that fixed it! You can close this thread.

I disabled a minification plugin but the problem persists. Can you please help?

• This reply was modified 9 years, 3 months ago by djshortkut.

Thanks Yigit, that fixed it! You can close this thread.

I didn’t place the code inside a media query but I tried inputting the code above inside a media query and it still doesn’t work. I also checked if there are any missing brackets and it doesn’t look like there are. Yes I have an iPhone 6 with retina display.

Thanks Ismael! I tried inputting this code and it still doesn’t work. When I am on my homepage and access my mobile menu on my iPhone the hover feature works for all of the menu items. I can hold my finger on the screen and the hover color shows up on each menu item. When I try pulling up the mobile menu when I am on another page on my site, it does not show up no matter where I place my finger on the screen and hold it.

The interesting thing is that if I resize my browser, the hover works with my mouse. Any idea how I can make this show up on my iPhone on all of the pages? Is this an issue with iOS? I noticed on all of your demos the same thing happens. Basically I just want to make it so that no matter what page the user is on, when they touch on a menu item the hover background shows up if it is pressed or held on an iOS device. Not sure if this happens on other mobile devices with different operating systems as I only have iOS devices to test this on. Thanks for all the help!

Thanks, I tried putting this code in but the background of the images still has an opacity. Anything else I can try?

Oh, sorry, that makes sense. I included the screen shot in the private content. The hover effect really doesn’t show a color at all on the other pages. This is what it looks like. Hope that helps!