styling the header right widget area and custom menu

[Tracy]

I am using the Decor theme. I have my primary navigation very top bar horizontal but would like to also include a custom menu with 3 items into the widget area header-widget-area through widgets 'header right'. I also would like to use the menu icons plugin. I had all this in place but it was horizontal. as you see on the live site I basically have the links stacked and aligned right but it just using the text widget and I can't use the menu icons. I am asking for help to change the stylesheet for the custom menu so it is stacked. Hope that makes sense. thankyou.

http://www.shamwari.ca

http://www.shamwari.ca

[Tracy]

I am still asking for help with styling my custom menu in the header right area. I know I need to expand the height but I don't know the proper css to stack the items I have here. link is http://shamwari.ca

[Christoph]

Hi,

this will "stack" the header menu items (add it to style.css):

#header .genesis-nav-menu.menu li {
		float: none;
}

If you want to fit that into the black header graphic, you have to add something like margin-top: -23px; to

#header .menu {
    float: right;
 }

around line 309 of the style.css

---

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

[Tracy]

Thankyou so much Christoph. That has worked just great with a bit more work on the padding however my top horizontal navigation items are bunched together now too.

[Tracy]

I think I've got it now. How does it look to you now? Thankyou for your help

[Author]

Posts