[eirini]

Hello,

I have 2 questions regarding the main menu bar at this website (http://www.triopetra.com.gr) :

– I want to increase the size of the words in the main menu bar. How can i do that?

– I want to have the different pages displayed at the menu bar, showed into 2 lines (half of them above and half of them below). How can i do that?

Thank you in advance!

[Sakin]

@eirini:
1. To increase the font size in the main menu bar, you need to change the font size in the following css and then add it in “Appearance => Theme Options => Custom CSS” box:

/* Menu Font Size */
#header-menu ul.menu a  { font-size: 14px; }

2. You don’t have option to use “Secondary Menu” in free version. For this, you need to upgrade to pro version. But if free version, you have two menu locations: Primary Menu and Fixed Header Top Menu menu. So, you can create 2 custom menus from “Appearance => Menus” and then assign it.

[matthewseanmclachlan]

Hi there,

I tried to use the same code to increase my font size in my menu, perhaps I need a different kind of code? Please advise.

/* Menu Font Size */
#header-menu ul.menu a { font-size: 14px; }

Thanks!
Matt

[eirini]

It worked for me!! Thanks once again Sakin!!

One more thing : Is there a way to change the font? (what font is now used?)

[Sakin]

@eirini: The Arial font is used. If you want to change the font then either you need to upgrade to pro version or search for font plugin and change it.

[eirini]

ok, thank you Sakin!

One last question…for now 🙂

Can the background colour of the menu bar change…from black into blue, for example?

[Sakin]

@eirini: Yes, you can change the background color in the following css and then add it in “Appearance => Theme Options => Custom CSS” box:
#header-menu #access { background-color: #222; }

[eirini]

Thank you! You are a big help!!

One last notice…when i go into a page, can the title of this page be highlighted at the manu bar so that one knows in which page they are without having to read the content to understand?

[Sakin]

@eirini: You can add the following css in “Appearance => Theme Options => Custom CSS” box:

#header-menu .menu .current-menu-item > a, 
#header-menu .menu .current-menu-ancestor > a {
    background-color: #e5e5e5;
    color: #373737;
}

[Jamie08]

On my website http://jamienovak.com/
I want the solid pink top bar above the menu to be about 1/3 of the current height.
Is there a custom CSS code I can add?
Thank you

[Author]

Posts