how to change fonts of mega menu

hi, how to change the fonts of the drop down menu items of the mega menu? In the elementor editor, I cannot find the option to change font sizes. I want to increase the font sizes.

See the URL in the private section.

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings > Typography > Advanced > Choose the menu dropdown second level from the drop down and change the typography settings.

Best Regards.

After this, how to increase the row height of the dropdown menu? Currently, the label HOT has covered the row above it. I want to increase the row height to solve this. Also, how to increase the picture height? Do I need to change the picture dimension to make it bigger? currently both are 800×800 dimension pictures. See attached.

Also, I have changed the font of the main navigation menu (the first option) in Advanced to Varela Round. In the Style box, there is only one option Normal 400. How to make the other choices available? I want to pick Bold 700.

Attachments:

You must be logged in to view attached files.

Hello hey3212,

Thanks for reaching to us.

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

ul.wd-sub-menu li>a {
	padding-top: 18px;
	padding-bottom: 18px;
}

You can try to use Custom resolution for your images https://prnt.sc/FZpr-ScSRJxm Regarding the Style of fonts, it depends on fonts itself and we cannot control that.

You can see here that your font does not support 700 style https://fonts.google.com/specimen/Varela+Round

Regards,

Excellent. This has resolved all my issues. thank you so much Hung Pham! Let’s close this ticket.

Hi hey3212,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

Hello,

Now I have checked your site and see the gaps between the menu items. For the image height, Navigate to HTML Blocks > Edit Shop by menu HTML Block > Edit Image widget > You can set the image height in the custom resolution.

Best Regards.

[Author]

Posts