Iphone5 and News Pro Theme has odd code f333

[GJudy]

We have a real estate site using News Pro theme at http://luxuryhomesarizona.warmweatherrealestate.com

When the site is pulled up on an Iphone there is a strange code f333 above the content on the home page. Nothing should be there.

Have any of you seen anything like this or have an answer? Thank you all so much.

http://luxuryhomesarizona.warmweatherrealestate.com

[Christoph]

Hi,

it looks like you have your style.css included twice in your website. Once as inline style and once as the regular style.css
This will cause conflicts like the one you are experiencing right now.
Try to use only the inline styles you really need and leave the heavy lifting to the style.css.

There is supposed to be a symbol shown (hamburger menu symbol). The f333 is the "code" for the dashicon font to know what symbol to show.

Besides fixing the double css issue, the quick fix to show the icon is to change the style.css around line 1273 and add !important to content: "\f333"; like so:

.responsive-menu-icon::before {
	color: #000;
	content: "\f333" !important;

If you want it to just say Menu you can change it to
content: "Menu" !important;

But you should really fix the double css issue.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[GJudy]

Thank you so much for the explanation of what this is, the fix and the genlte admonition about how to avoid this situation. I will be applying your advice.

[Author]

Posts