My main menu appears below the logo, not on its right

Tagged: navigation menu

This topic has 13 replies, 2 voices, and was last updated 11 years ago by elenabrz.

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

Author

Posts
March 28, 2013 at 3:07 pm #3402
elenabrz
Customer
Hi Wes

In your epik demo, the main menu appears on top right.

However, on mine it doesn’t: http://www.testinglabs.es/elenabenitoruiz/

How can make it so that I don’t make my logo smaller and yet the main menu shows up as in demo’s?

Thanks!

E.
March 29, 2013 at 12:28 am #3417
Eric
Customer
You just need to add a custom menu widget to the “Header Right” Widget area.

Deactivate the primary menu….

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
March 29, 2013 at 1:51 pm #3439
elenabrz
Customer
Hi Eric

Thanks for your patience and reply.

I just did that: http://cl.ly/image/2q330p1H0D2p

And this is how it looks: http://www.testinglabs.es/elenabenitoruiz/

:S
March 29, 2013 at 2:37 pm #3444
Eric
Customer
Your title-area and header-right widget area are too wide to fit within the 1152px space. You just need to adjust one of these and they will fit.

You could decrease your title-area since it’s set at 50% on line 684 in your css – “.header-image #title, .header-image #title a, .header-image #title-area {“

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
March 29, 2013 at 3:45 pm #3447
elenabrz
Customer
Hi Eric

Thanks it did the trick, since I’m not a designer nor I use CSS in my work -as you may have assumed – (and I’m so used to themes for CSS idiots) now the size and current menu item can be tweaked somewhere in line…’header-widget’?

🙂
March 29, 2013 at 9:33 pm #3449
Eric
Customer
now the size and current menu item can be tweaked somewhere in line…’header-widget’?

Can you rephrase your question?…..I’m not sure what you’re asking or referring to exactly.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
March 30, 2013 at 4:30 am #3454
elenabrz
Customer
Sorry for my English.

Wes told me how to change the size of fonts and how to make a current menu item active (orange epik), and I did. However now with the menu on header-right the current menu item active seems to be gone, so where can I edit that?

Thanks!
March 30, 2013 at 1:26 pm #3457
Eric
Customer
Take a look around line 238 and add !important to the color like this –

.genesis-nav-menu li a:hover, .genesis-nav-menu li:hover a, .genesis-nav-menu li li a:hover, .genesis-nav-menu .current-menu-item a { color: #ff7e00 !important; }

That worked for me.

BTW Your site looks like it’s coming along great!

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
March 31, 2013 at 6:18 am #3467
elenabrz
Customer
Hi Wes

Thanks a lot for your encouraging message!

I changed it to what you said but I can’t see it (I cleared browser cache just in case): http://cl.ly/image/2z3H2v2e090P

🙂
March 31, 2013 at 11:42 am #3470
Eric
Customer
LOL This is Eric ……you keep calling me Wes :p

Are you sure you added it to the stylesheet? ….because I don’t see it in your css. Try it again, and make sure it saves to the stylesheet….then clear your cache (just hit your reload button).

I added it to your site with my editor, and it’s working fine for me.

Also, make sure and visit one of the pages in the menu to make sure it’s working. The above code should highlight the current page (from the menu), and it will hover the orange color as well.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
March 31, 2013 at 1:00 pm #3471
elenabrz
Customer
Hi ERIC!

Yeah, it might be the W WP icon or sth or reading too fast at this time of the day 🙂

Ok, I found the problem, of course my mistake: if you take a look at my code you’ll see there’s an additional -and wrong- semicolon. Removed.

Thanks!
March 31, 2013 at 8:44 pm #3477
Eric
Customer
Ok great, glad its working!

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
March 31, 2013 at 8:50 pm #3478
Eric
Customer
Wait a sec….I just checked your site and it’s still not working. I see an extra semicolon – “color: #ff7e00; !important;” it should be this instead – “color: #ff7e00 !important;“

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
April 1, 2013 at 4:50 am #3487
elenabrz
Customer
Yep Eric, I had already noticed it, so problem solved, thread closed 😉
Author

Posts

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

The topic ‘My main menu appears below the logo, not on its right’ is closed to new replies.