Return to previous page

Changing the menu font - by Mike1986 - on WordPress WooCommerce support

This topic has 12 replies, 4 voices, and was last updated 8 years, 2 months ago ago by Robert Hall

Mike1986

Participant

September 29, 2016 at 14:22

Hi!

I tried searching the menu font from the Theme Options->Typography but it isn’t there. I tried everything from site font to h6 🙂

I inserted this code to the custom css but it didn’t work either (found it on other topic):
.menu > ul > li > a {
font-family: ‘Open Sans’, sans-serif;
}

How can I change the menu font properly? 🙂

Please, contact administrator
for this information.

#141089 Copied Theme version: 4.1.1 WooCommerce version: 2.6.4

11 Answers

Eva Kemp

Support staff

September 29, 2016 at 15:51

Hello,

As I see your code is working:
http://storage3.static.itmages.com/i/16/0929/h_1475160728_4631412_7e379e0356.jpeg

Regards,
Eva Kemp.

#141107 Copied

Mike1986

Participant

September 29, 2016 at 16:02

Okay. I didn’t notice any changes in the menu. Maybe your default font is the same Open sans.

I would like the menu font to be normal not caps locked. Could you please tell me how to do that?

#141109 Copied
Jack Richardson

Support staff

September 29, 2016 at 16:49
Hello,

I’ve edited your code to this:
```
.menu > ul > li > a {
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
}
```
Please check now.

Best regards,
Jack Richardson.
#141117 Copied
Mike1986

Participant

September 29, 2016 at 17:25

Thanks!

I hoped that changing the menu font from caps locked to normal would have created a little more space to the header. Still the menu goes into two rows when viewing the site with laptop and nobody wants that 🙂

Is it possible to move the logo little to the left?

#141122 Copied
Jack Richardson

Support staff

September 29, 2016 at 19:01
Hello,

Try this code in custom.css:
```
@media (min-width: 1200px) {.header-area {
  width: 1070px;
}}
```
Best regards,
Jack Richardson.
#141136 Copied
Mike1986

Participant

September 30, 2016 at 07:45

Wow it worked perfectly! Thanks again! 🙂

#141159 Copied

Robert Hall

Support staff

September 30, 2016 at 07:53

Hello,

You’re welcome!

Regards,
Robert Hall

#141160 Copied

Mike1986

Participant

October 4, 2016 at 12:53

Hi!

If I may ask one more change to the menu font. Is it possible to get the menu in bold?

#141479 Copied
Robert Hall

Support staff

October 4, 2016 at 13:16
Hello,

Please use this code in custom css.
```
.menu > ul > li > a {
    font-weight: bold;
}
```
Regards,
Robert Hall
#141481 Copied
Mike1986

Participant

October 4, 2016 at 13:21

Thanks again! 🙂

#141484 Copied

Robert Hall

Support staff

October 4, 2016 at 14:07

You’re welcome!

Regards,
Robert Hall

#141490 Copied
Viewing 12 results - 1 through 12 (of 12 total)