Wordpress Menu Float Right

bradrlewis · 2015-05-10 01:59:54

Hello,
http://beta.inmylens.com/
I have my wordpress as my home page and TTG as gallery. Also setup the menu to be controlled by wordpress so they are in sync, very nice.

However the wordpress menu is not left justified instead of right justified.

I see this is in the wordpress css and want to know the correct way to make the change:
.main-navigation div {
float: right;
}

Is there a custom wordpress css page I should add this to? I know I have asked other css questions but am confused where to add this code.

thanks
Brad

rod barbee · 2015-05-10 03:40:17

there isn't any custom wordpress css file. And you don't need custom css. The menu alignment can be set from the plug-in.
Navigation is the same in all ttg plugins. For menu alignment: Site Info > Navigation Items > Alignment

bradrlewis · 2015-05-10 05:01:35

Hello,
Yes, I know about the site info navigation alignment, that is how i built the site and worked great. Until I setup wordpress per http://ce4.theturninggate.net/docs/doku … =ce4_102&s[]=wordpress

In Step 7 of this process you "Imbue your Menu with the POWER of magic" by adding code to your phpplugin.php file. This then allows the wordpress menu to control all the menu items so wordpress and TTG are in sync, which is very cool.

But after doing this step everything became left justified instead of right.

So I was wondering how to best correct for this.

The reason I keep asking, probably looks like I am not listening, is I am coming from a world of wordpress where my templates had custom.css files that you could make small changes in that would override the themes base css files.

Also I am still learning all the changes you can make in the web templates which is amazing.

Let me know and thanks for the help
Brad

rod barbee · 2015-05-10 05:51:29

what do you have set for navigation alignment in Theme for Wordpress?

In the css, the selector ul#nav is set to float left. On your page, if I change this to right in the inspector, the menu moves to the right.

(in the other plug-ins, choosing multi-level navigation causes the nav items to be in an unordered list)

The code in phplugins sets the menu to be an unordered list too.

So in Theme for WordPress, try setting the navigation to multi-level and then make sure the alignment is set to right. What I'm guessing could be maybe possibly happening (just qualifying this a little bit ) is that you've set nav to single level and perhaps maybe possibly the plug-in isn't automatically setting ul#nav to float: right. (because, I'm guessing, it doesn't know that an unordered list is being used)

this could be a little bug with TfWP but Matt will need to look.

I can't test this out right now on my own test site so this is just my best guess.

bradrlewis · 2015-05-10 08:21:11

So that was an interesting test, when I switched to multi level, the menu alignment changed to left, so I changed back to right, saved, exported, uploaded theme and same issue.

did a bunch of local testing then decided to take one of the WP templates that came with TTG.

Selected CEF Theme for Wordpress - Bookish, made one change Site Info > Navigation Items > Alignment: Right
Saved as new template
Refreshed screen and in LR the menu text is right aligned.
Exported this WP theme
Opened lib\css\navigation.css
went to line 199 and it is float: left

Ugh, I am sure I am doing something silly/wrong but have no idea what.

Let me know your thoughts
Brad

rod barbee · 2015-05-10 08:29:16

hmmm... could be a bug. I won't be able to do any real testing for a couple of days. But in the mean time you could try custom css

ul#nav {
float: right;
}

bradrlewis · 2015-05-10 08:35:32

It is all of a sudden working, ugh, not sure why, will keep you posted

Brad

rod barbee · 2015-05-10 11:41:06

maybe caching issues?

bradrlewis · 2015-05-11 00:05:14

rod,
it is still working fine so it must have been a cache issues, sorry Brad

Community @ The Turning Gate

#1 2015-05-10 01:59:54

Wordpress Menu Float Right

#2 2015-05-10 03:40:17

Re: Wordpress Menu Float Right

#3 2015-05-10 05:01:35

Re: Wordpress Menu Float Right

#4 2015-05-10 05:51:29

Re: Wordpress Menu Float Right

#5 2015-05-10 08:21:11

Re: Wordpress Menu Float Right

#6 2015-05-10 08:29:16

Re: Wordpress Menu Float Right

#7 2015-05-10 08:35:32

Re: Wordpress Menu Float Right

#8 2015-05-10 11:41:06

Re: Wordpress Menu Float Right

#9 2015-05-11 00:05:14

Re: Wordpress Menu Float Right

Board footer