Purity IV main menu font size

dougj

on my site the main font is Karla 16 px for the content text on pages that use the default template style (sub pages) while those using the logistics template style (home page) uses karla 18 while the menu items, on all pages, use Karla 14.

How did I mange to get these all different sizes and where do I resolve it? I have looked at the typography section of the template style but am not sure where and how t oget them all the same. Any direction woudl be appreciated.

saguaros

dougj Hi

It's defined by this css rule in template:

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    color: var(--mainnav-link-color);
    font-size: 0.875rem;
    font-weight: 500;
    padding: 20px 1rem;
    height: 80px;
    line-height: 40px;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    text-transform: uppercase;
}

You can override with this custom css:

.t4-megamenu .navbar-nav > li > a,
.t4-megamenu .navbar-nav > li > .nav-link {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}

dougj

Thanks for the info saguaros. I input your code in templates>styles>ja_purity_iv-Default>tools>edit css and templates>styles>ja_purity_iv-Logistics>tools>edit css but saw no change on my pages. Am I doing this wrong?

Doug

saguaros

You can share me the login info of your site so I can check for you.

dougj

let me know when you are back in and I will message you the info

saguaros

dougj You can edit Fields in your first post or put info into your reply and set it as private reply so only Moderators can see.

dougj

This message is visible to Moderators only

hidden content

dougj

This message is visible to Moderators only

hidden content

saguaros

dougj Hi

The login info doesn't work, could you check again?

dougj

This message is visible to Moderators only

hidden content

dougj

Waiting for a response??

saguaros

I checked your site but did not see the css code I suggested above.

I just added for you and change the font size:

You can adjust value to suit your need.

dougj

That's all fine but I took the code back out after your initial post because it doesn't seem to affect the main menu font?

saguaros

dougj As I can see that custom css code is applied on your site now, not sure what you want to achieve with main menu font, could you tell me more specific?