How to adjust the Font size and weight in Header Bottom Only?

Hi there,

Holiday Greeetings~
Thanks for your kind guidance on the icon header guidance. (https://xtemos.com/forums/topic/how-to-move-navigation-menu-icon-above-the-menu-text/)
Based on it, we hope to change the Text size and weight for that Bottom Header Only, is it possible? (enclosed is the illustration photo) we tried to inspect in Chrome but all Headers’ text size were linked together …without success.

PS: based on previous guidance on the icon menu in Header Bottom: https://xtemos.com/forums/topic/how-to-move-navigation-menu-icon-above-the-menu-text/
I have already applied below css code in Global and Desktop :

In Global:
/* remove bottom header navigation menu text arrow */

.whb-header-bottom .wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after{
display: none;
}

/* Predefined bottom header width px columns */
.whb-header-bottom .wd-nav>li{
width: 100px;
text-align: center;
}

In Desktop:

/* Navigation Images (Scoped to specific navigation menus) */
.whb-header-bottom .wd-nav-secondary.wd-nav .wd-nav-img,
.whb-header-bottom .wd-nav-secondary.wd-nav .wd-sub-menu li>a img {
max-height: var(–nav-img-height, 60px);
padding-bottom: 10px;
}

/* Header Bottom Navigation */
.whb-header-bottom .wd-dropdown {
margin-top: 5px !important;
}

.whb-header-bottom .wd-nav-secondary.wd-nav {
align-items: center;
}

.whb-header-bottom .wd-nav-secondary.wd-nav>li>a {
height: auto;
display: block;
}

.whb-header-bottom .wd-nav-secondary.wd-nav>li>a .wd-nav-img {
display: block;
margin: 0 auto;
}

kind regards,
Luie

Attachments:

You must be logged in to view attached files.

Hello,

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

.whb-header-bottom .wd-nav[class*="wd-style-underline"] .nav-link-text {
    font-size: 12px;
    font-weight:500;
}

Best Regards

Hi Aizaz,

It works perfectly, thank you.

and can close the ticket now.

best regards,
Luie

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts