Header Menu In Minimum Pro

[SimplyMeBrittany]

I have registered a second header widget for navigation in the header as I am trying to achiever the same header look as seen on http://www.creativegirlmedia.com I have the menu showing but I am having a little trouble styling it with CSS. I can't for the life of me seem to get it to line up as my header right menu does. Currently I have this in my stylesheet.

/* Header Left Menu
------------------------------------------------------------ */
#nav_menu-3 {
        display: inline-block;
	float: right;
	list-style-type: none;
	padding: 20px 0;
	padding: 2rem 0;
	text-transform: uppercase;
}

#nav_menu-3 li {
        list-style-type: none;
}

My site is http://talesfromasouthernbelle.com/ Thank you in advance 🙂

[Tom]

I'm not sure if you're still trying to duplicate a 'split menu' effect, but I can tell you this: it's not two menus but only one.

Without having the time to go into detail, the centered, circular logo is actually the header image ('though not displayed as a usual header image). The Id of the middle menu item is used as a CSS hook to display the header.png as a background image for that element. Additional CSS is used to add mild hover styling.

The author of your reference site has taken some pretty extensive steps to control the browser and obfuscate her HTML and CSS so that you cannot (easily) look behind the scenes. It can actually be easily and clearly found and reviewed if you wish to learn about the structure and styling of the page. I was able to do the following using Chrome:

To review the HTML, load the page, then select: Menu > Tools > View Source.

To review the CSS of the page: From the HTML source, find in the HTML header the link to the Modern Portfolio style sheet (/modern-portfolio/style.css)

You can also review the interaction of CSS to each of the pages in Chrome:
Open a new tab in Chrome; activate the element inspector (F12); load the page you wish to review. Inspect the CSS.

If you still need help (I realize you might be rather 'busy' just now if you're Miss Brittany!) ask again in this thread and someone will drop in to lend a hand.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts