Return to previous page

Center fixed navigation menu - by brianbillups

This topic has 7 replies, 3 voices, and was last updated 7 years, 8 months ago ago by Robert Hall

brianbillups

Participant

July 26, 2016 at 23:28

How do I center the fixed navigation menu (The menu that drops down when you scroll)?

Also, is there a way to change the font of the fixed navigation menu (such as bold, size, or type of font?

Thanks.

Please, contact administrator
for this information.

#134778 Copied Theme version: 2.6

6 Answers
Eva Kemp

Support staff

July 27, 2016 at 08:27
Hello,

Try to use this code in Global Custom CSS section:
```
.fixed-header-area .menu > li {
    float: none;
}
```
You can change menu items styles using this css code:
```
.fixed-header-area .menu > li > a {
    font-size: 13px;
    color: #000;
    font-weight: bold;
    font-family: open sans;
}
```
Write needed values.

Regards,
Eva Kemp.
#134793 Copied
brianbillups

Participant

July 28, 2016 at 01:07

Thanks.
When I used this code:
.fixed-header-area .menu > li {
float: none;
}

the menu breaks into 2 rows.

How can the menu be centered to the page, but all on the same row?

Please, contact administrator
for this information.

#134882 Copied

brianbillups

Participant

July 28, 2016 at 01:23

https://postimg.org/image/8t63hcjyn/

#134883 Copied
Robert Hall

Support staff

July 28, 2016 at 07:08
Hello,

Try to add this code in Global Custom CSS.
```
.fixed-header .menu-main-container{
    text-align: center;
    padding: 15px 0 0px;
}
.fixed-header .menu{
    display: inline-block;
    vertical-align: middle;
}
```
Regards,
Robert Hall
#134889 Copied
brianbillups

Participant

August 10, 2016 at 22:27

The fixed navigation menu has been moved more towards the center, but it is still not centered with the main menu.

#136323 Copied
Robert Hall

Support staff

August 11, 2016 at 08:44
Hello,

Please try this code in Global Custom CSS.
```
.fixed-header .menu-main-container{
    text-align: center;
    padding: 15px 0px 0px 50px;
}
.fixed-header .menu{
    display: inline-block;
    vertical-align: middle;
}
```
Regards,
Robert Hall
#136349 Copied
Viewing 7 results - 1 through 7 (of 7 total)