Menu Bar

This topic has 9 replies, 4 voices, and was last updated 8 years, 10 months ago by Jamie08.

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

Author

Posts
October 18, 2015 at 10:16 pm #78088

eirini
Member

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!

October 19, 2015 at 12:13 am #78095
Sakin
Keymaster
@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.
October 19, 2015 at 4:03 am #78116

matthewseanmclachlan
Participant

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

October 19, 2015 at 11:43 am #78127

eirini
Member

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

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

October 20, 2015 at 12:57 pm #78215

Sakin
Keymaster

@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.

October 20, 2015 at 8:59 pm #78237

eirini
Member

ok, thank you Sakin!

One last question…for now 🙂

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

October 21, 2015 at 12:31 am #78271

Sakin
Keymaster

@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; }

October 21, 2015 at 7:04 pm #78314

eirini
Member

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?

October 21, 2015 at 8:12 pm #78316
Sakin
Keymaster
@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;
}
```
January 11, 2016 at 6:44 am #82622

Jamie08
Member

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