Community Forums › Forums › Archived Forums › General Discussion › Hamburger as hex
- This topic has 12 replies, 2 voices, and was last updated 8 years, 11 months ago by SavvyJackie.
-
AuthorPosts
-
May 27, 2015 at 7:10 am #153796mjcollinsMember
My hamburger on mobile, quotation marks inside a post are all suddenly showing up as hexidecimal.
I assume this is a Genesis setting - can any one point me towards where this can be reset?
Thank you, Mike Collins.
http://youririshheritage.comMay 27, 2015 at 7:31 am #153803SavvyJackieMemberHi,
Looks like you have some incorrect code in your style.css for that.Find this area in your style.css
.responsive-menu-icon::before {
color: #fff;
content: "& #092;f333";
display: inline-block;
font: normal 20px/1 'dashicons';
margin: 0 auto;
padding: 10px;
}And change the content line to this:
content: "\f333";
That should correct it.
Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie
Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂
May 27, 2015 at 8:20 am #153814mjcollinsMemberThanks Jackie,
Here is what currently shows in the Style.css:
.responsive-menu-icon::before {
color: #fff;
content: "\f333";
display: inline-block;
font: normal 20px/1 'dashicons';
margin: 0 auto;
padding: 10px;
}However, the styles seem to have "slipped" in a number of other areas too e.g. my quotation function now shows a hex code in posts rather that the big "
Will your suggestion just take care of the Hamburger problem or a wider problem?
Thanks, Mike.
May 27, 2015 at 8:30 am #153815SavvyJackieMemberThat may be an issue with the editor you are using to add the code, or where you copied it from. I would suggest changing the code as I've shown and refreshing the browser to see what's what.
Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie
Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂
May 27, 2015 at 8:32 am #153816SavvyJackieMemberIn the inspect element of my browser it is not showing correctly in the css. When I changed it manually in the browser, the icon appeared correctly.
Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie
Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂
May 27, 2015 at 9:04 am #153820mjcollinsMemberThank you for your help on this - however, when I put the code you suggest:
" \f333 "
it always reverts back to:
" \f333 "
after saving the style.css file.
Mike.
May 27, 2015 at 9:08 am #153822SavvyJackieMemberwhat code editor are you using?
Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie
Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂
May 27, 2015 at 9:10 am #153825mjcollinsMemberWordpress backend.
May 27, 2015 at 9:28 am #153828SavvyJackieMemberTrying using a plain text code editor to edit the style.css outside of WordPress - maybe your browser has a different character setting and resaved everything differently? I do not recommend editing any WordPress files in the backend. Internationalization?
Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie
Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂
May 28, 2015 at 10:29 am #153981mjcollinsMemberThank you - I finally got it working. Mike
May 28, 2015 at 10:30 am #153982SavvyJackieMemberGreat. What did you do to get it to work?
Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie
Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂
May 28, 2015 at 10:38 am #153983mjcollinsMemberI got somebody with FTP skills to use a text editor and do it for me! Mike.
May 28, 2015 at 10:39 am #153984SavvyJackieMemberAwesome. Please mark this post as resolved. 🙂
Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie
Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.