July 16, 2013 at 12:37 pm #50978
Anyone have some tips on how to do this in Genesis?
I’ve gotten to a point where I can center the main navigation, but I’m at a loss for how to center a logo between the list items.
I’m using Genesis v.2.0-RC1 & the v.2.0-beta2 Child Theme as a starting point.
Any assistance would be greatly appreciated.
– MichaelJuly 17, 2013 at 4:20 am #51111
Susan NelsonParticipantJuly 17, 2013 at 7:56 am #51131
Doak HeggenessParticipantJuly 17, 2013 at 8:29 am #51142
Susan NelsonParticipantJuly 17, 2013 at 11:09 am #51167
ISeemToBeAVerbParticipantDecember 3, 2013 at 10:58 am #76805
I am super new to WordPress and coding in general, so I am going to add some instructions that were helpful for me, just in case others are as new to this as I am. Hopefully it saves someone a half hour of googling.
To enable custom CSS you have to go to Dashboard >> Appearance >> Menu and click on Screen Options which is located in top right corner of the page. In the expanded menu check the box besides CSS Classes. Now if you expand the individual link in your navigation menu, you can find an additional field called “CSS Classes (optional)“. Enter your custom CSS class name in the provided field. Once that is done you can add your custom CSS class to style.css.
Also, I have a question. Now that I’ve added the custom menu class and the url to show the logo, my menu text is still visible over the logo. I tried hiding the visibility and changing the display to none, and both options hid the menu text AND my logo image. The solution I found was to change the text indent to -9999, however now I can’t figure out how to make my logo “clickable” so it links back to the homepage. I am sure this is much simpler than I am making it, so I apologize in advance.
If it is helpful to see the site in progress: http://www.harperandhenry.com/
You must be logged in to reply to this topic.