Align Nav Bar Right

Tagged: menu, primary navigation

This topic has 8 replies, 3 voices, and was last updated 8 years, 6 months ago by Debra.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
September 27, 2015 at 4:35 pm #16464
gpcreative
Customer
Is there a way to make my Primary Navigation align right instead of left? Thanks!
September 27, 2015 at 4:45 pm #16465
Andykev
Customer
Yes. Change the float “left” to “right” as shown here:
```
.genesis-nav-menu .menu-item {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
```
Around line 2091 of your main .CSS
September 27, 2015 at 4:55 pm #16466
gpcreative
Customer
Thank you! I had the wrong Nav CSS.
September 27, 2015 at 5:15 pm #16467
Andykev
Customer
I forgot to mention. This will reverse your list order. You will have to adjust the menu to be in the order you want. Do this in the regular menu section of your dashboard.

And you’re very welcome.
October 27, 2015 at 2:13 pm #16598
Debra
Customer
Hi Andykev,

Genesis: 2.2.3
Epik 1.4.1

I have set primary nav menu to align right, list order is good, my issue is that both primary and secondary nav menus “disappear” at about 740px but hamburger icon does not display/replace?

Any idea how to check/resolve that?
Thanks,
October 27, 2015 at 7:04 pm #16601
Andykev
Customer
Hi Debra,

Do you have a link so we can see what’s going on? 🙂
October 27, 2015 at 7:59 pm #16602
Debra
Customer
Duh that would’ve been helpful from the get go eh? Sorry for not thinking to include that.

You can see the site under construction here: http://ellenf.wpwwdev.info/

Thanks,
October 27, 2015 at 9:04 pm #16603
Andykev
Customer
Easy! You have “white” (#fff;) selected and thus it does not show!
```
.responsive-menu-icon::before {
	color: #999;
	content: "\f333";
	font: normal 32px/1 'dashicons';
	margin: 0 auto;
}
```
Go to line 2281 of your theme .CSS and change “fff” (white) to “999” (black). Or whatever color which will not wash out with the white background.
October 28, 2015 at 10:47 am #16607
Debra
Customer
Well duh! I knew it had to be there somewhere but forgot I had changed out the header area background to be white.

Thanks for a second set of eyes connected to brain cells that are paying attention 🙂
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Align Nav Bar Right’ is closed to new replies.