Categories Menu Layout

Hello. I am trying to change the size of the categories font in the shop page (see image) in advanced typography and none of the options work. Actually what I’m trying to do is to increase the font size and the space between categories. Can you assist me please?
Extra question: Is there a possibility to pass the icon to the top of the text? Or just make it a little bit bigger…
Extra-Extra question: Can I add a dark overlay to the page titles of the categories?
Thank you!

Attachments:

You must be logged in to view attached files.

Hi rui.apolinario,

Thanks for reaching to us.

1. Font-size of categories and icons

Navigate to Theme Settings > Typography > Advanced. In this area, you can assign elements to the below Custom Class:

.wd-nav-product-cat:not(.wd-nav-mobile)>li>a.category-nav-link

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

.wd-nav-product-cat .wd-nav-img{
	max-height: 28px;
}

2. Spacing

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

.wd-nav-product-cat.wd-nav.wd-gap-m{
	--nav-gap: 50px;
}

3. You can use tools like Adobe Photoshop or free online services to add overlay to background image and re-up to the site.

Regards,

It all worked! Thank you!
The only thing that happened that I didn’t want to is that the font increased also in mobile, even tho the CSS says not(.wd-nav-mobile). Is there a way to solve this?

Hi rui.apolinario,

First of all, I’m really sorry have taken long time to reply you due to the weekend.

You can click on the arrow button and set font-size for Mobile and Tablet devices as well https://ibb.co/yn7wnSv

Regards,

Not a problem.
I actually don’t have those options… :/

Attachments:

You must be logged in to view attached files.

Hi rui.apolinario,

You need to click on the arrow button and set font-size for Mobile and Tablet devices https://ibb.co/yn7wnSv

Regards,

Ok. I got it… Didn’t see that arrow 🙂
Thank you

Hi rui.apolinario,

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

Regards,

[Author]

Posts