Digital Pro; Float Header Menu to the left and 1 menu item to the right

[Konceptuel]

Hello,
I would like the Header Menu in Digital Pro to work exactly like the Header Menu in Showcase Pro.
The Showcase Pro menu is floated to the right like the Header Menu in Digital Pro, but in Showcase Pro you can float menu items to the left by adding a CSS class to it.

How can I achieve this in Digital Pro?
/thanks

[Christoph]

Hi,

you do it the exact same way by adding a CSS class to it.
If that selector (class) doesn't already exist in style.css, just add it with the values to float that menu item right (you can probably just take that from the Showcase Pro style.css)

---

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

[Konceptuel]

Hi Christoph,
thank you for replying 🙂

I tried to do that, but it didn't work.
When I looked at it this morning with a fresh pair of eyes I compared the to style.css in detail and came up with this solution:

.title-area { width: 300px; } //Firefox
.genesis-nav-menu { clear: none; }
.nav-primary { float: none; }
.nav-primary .genesis-nav-menu >li.right { float: right; }

Add the CSS class "right" to the menu item and place that menu item as the first item in the menu.

[Author]

Posts