Return to previous page

Static header nav font family/size/alignment issues

This topic has 7 replies, 3 voices, and was last updated 8 years, 6 months ago ago by Jack Richardson

jrevillini

Member

September 19, 2015 at 16:37

Why does the menu alignment, font size, and font family change when I scroll down here: http://bbb.vandertech.com/

#88131 Copied Theme version: aug 15 WooCommerce version: latest

6 Answers
Jack Richardson

Support staff

September 21, 2015 at 10:21
Hello,

To change style for fixed header menu add this code in Global Custom CSS:
```
.fixed-header-area .menu > li > a {
    font-family: Montserrat !important;
    font-size: 13px !important;
}
```
Best regards,
Jack Richardson.
#88238 Copied
jrevillini

Member

September 21, 2015 at 14:53

Cheers, mate. Can this be added to 8Theme Option panel for a future release? (feature request)

#88326 Copied

jrevillini

Member

September 21, 2015 at 14:57

Oh … what about alignment?

is there a reason why the designers decided to change the alignment when it’s fixed? seems like it’d be a smoother transition if they stayed in the place.

Thanks,
Jimmy

#88327 Copied

Jack Richardson

Support staff

September 22, 2015 at 09:40

Hello,

Could you please clarify what you want to do with the alignment of fixed header?

Thank you.

Best regards,
Jack Richardson.

#88521 Copied

fewofakind

Participant

September 29, 2015 at 16:33

Hi please see the same behaviour on this site:

http://thenarradorescollection.com/

As you scroll down, the style of the menu and header changes –

1) Header height seems to be smaller
2) Font family is different, as is font weight and size
3) Menu appears to jump position (partly because the header height changes, but also it moves slightly to the left, maybe becasue of the different font and font size)

Any help appreciated – many thanks

#90271 Copied
Jack Richardson

Support staff

September 30, 2015 at 09:30
Hello @fewofakind,

1. Please add this code in Theme Options > Custom CSS > Global Custom CSS:
```
.fixed-header-area {
    padding-top: 20px;
    padding-bottom: 20px;
}
```
2. Use this code in Theme Options > Custom CSS > Global Custom CSS:
```
.menu > li > a {
    font-size: 14px;
    font-weight: normal;
}
```
3. Please specify how you want to align the menu.

Best regards,
Jack Richardson.
#90394 Copied
Tagged: font alignment, font family, font size, issues, navigation, static header, template, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)