How can I change the font size in header -> main menu?

This topic has 11 replies, 2 voices, and was last updated 2 years, 8 months ago by Elise Noromit.

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

Author

Posts
May 3, 2022 at 3:31 pm #372786

contactpleazurr
Participant

Hello,
How can I change the font size in header -> main menu? My main menus is very small and need to make it bigger. I do not see any options here.
https://snipboard.io/6rM7WV.jpg
https://snipboard.io/gVF9KN.jpg

May 4, 2022 at 2:43 am #372919

Elise Noromit
Member

Hello,

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

May 4, 2022 at 12:21 pm #372996

contactpleazurr
Participant

Thank you, that worked!

However, the bigger font is making the main menu go into 2 lines now (ie. “shops”).
How can I make main menu widescreen (otherwise 2 lines show)?

Please see example in private content.

May 5, 2022 at 2:43 pm #373363
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
body .wd-nav.wd-nav-main>li>a {
    padding:0 3px;
}
```
This code reduces the gap between the menu items and the menu is aligned in one row.

Best Regards
May 5, 2022 at 4:45 pm #373423

contactpleazurr
Participant

Thank you but the menus are too close together and I would like to make it widescreen. How can i do this?

May 6, 2022 at 1:29 pm #373666

Elise Noromit
Member

Hello,

You need to change the flex layout of the row: https://xtemos.com/docs-topic/header-rows-flex-layouts/

Best Regards

May 6, 2022 at 4:46 pm #373751

contactpleazurr
Participant

Hello,

How do I change the flex layout of the row? This article does not explain how to do it.

Please advise.

May 6, 2022 at 11:50 pm #373805

Elise Noromit
Member

Hello,

Please check the manual here: https://xtemos.com/docs-topic/header-rows-flex-layouts/

Best Regards

May 8, 2022 at 1:51 pm #373999

contactpleazurr
Participant

You just replied with the same article I told you does not explain how to fix the issue?
https://snipboard.io/JkITSW.jpg

May 10, 2022 at 1:35 pm #374577

Elise Noromit
Member

Hello,

This widget does not relate to WoodMart theme. https://gyazo.com/34005d5a053a0cb7e546ea360325c1cd

Please consider using one of the WoodMart widgets, they work correctly.

If you have any questions please feel free to contact us.

Best Regards

May 10, 2022 at 5:08 pm #374660

contactpleazurr
Participant

Hello,

I am not asking about widgets. I am asking about the woodmart header -> main menu.

I will ask my question again:
“How do I change the flex layout of the row? This article does not explain how to do it.
You just replied with the same article I told you does not explain how to fix the issue?”

I need the main menu to be centered.

Please advise
https://snipboard.io/JkITSW.jpg”

May 12, 2022 at 1:36 pm #375242

Elise Noromit
Member

Hello,

The flex row width is changed in the row settings: https://gyazo.com/47a10b23babad44b0d2d9bd414738673

You need to disable the cloned header https://gyazo.com/9c19c62a39ed9e1db61b2bd20cd20ac9 and then make each row sticky: https://gyazo.com/1552d654d5bddae3c8431d82f8d2dec7

If you have any questions please feel free to contact us.

Best Regards
Author

Posts

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

How can I change the font size in header -> main menu?

Create your WordPress website.