Mega Menu Font | PenciDesign Support

LillaGreen replied

3 years ago

Customer Reply

Thank you! it worked out :)

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Here is the correct CSS:

#navigation .penci-megamenu .penci-mega-child-categories a,
.pc-builder-element.pc-main-menu .navigation .menu li .penci-mega-child-categories a {
    font-size: 12px;
}

Regards,
PenciDesign.

LillaGreen replied

3 years ago

Customer Reply

thanks, but this is not correct, as it does the same thing as this one in customize:

Please go to Appearance → Customize → Logo & Header → Category Mega Menu → Font Size for Category Name

.. I need to change the size of the left column - please see the attachment.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

#navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name,
.navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name {
    font-size: 13px;
}

Change 13px to the font size you want to show.

Regards,
PenciDesign.

LillaGreen replied

3 years ago

Customer Reply

I tried this already but the only font size that is changing ist the category on the top of the post - see screenshot, not the size for the font in the left column ..

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Logo & Header → Category Mega Menu → Font Size for Category Name On Category Mega Menu: change the font size on this section.

Regards,
PenciDesign.

LillaGreen replied

3 years ago

Customer Reply

Thank you! It worked out :) How can I change the size of the Categories on the left size?

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

If you want to apply it to all the text, please modify the CSS code:

.penci-megamenu,
.penci-megamenu span,
.penci-megamenu p,
.penci-megamenu h3,
.penci-megamenu h3 a {
    font-family: 'BebasNeue' !important;
}

Regards,
PenciDesign.

LillaGreen replied

3 years ago

Customer Reply

Only the text under the blog posts is changing, not the font type for text on the left with the futures categorie

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please modify the CSS code:

.penci-megamenu,
.penci-megamenu h3,
.penci-megamenu h3 a {
    font-family: 'BebasNeue' !important;
}

Regards,
PenciDesign.

LillaGreen replied

3 years ago

Customer Reply

Unfortunately, the font style is still not changing ..

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please modify the CSS like the following below:

.penci-megamenu,
.penci-megamenu h3,
.penci-megamenu h3 a {
    font-family: 'BebasNeue';
}

Regards,
PenciDesign.

LillaGreen replied

3 years ago

Customer Reply

Thank you but it didn't worked out .. I did change it to

.penci-megamenu,
.penci-megamenu h3 {
font-family: 'BebasNeue';
}

I cleared the cache after I saved it, but it didn't work out

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.penci-megamenu,
.penci-megamenu h3 {
    font-family: 'Roboto';
}

Change Roboto with the font name you want to show.

Regards,
PenciDesign.

LillaGreen replied

3 years ago

Customer Reply

I need to change the Font Family - Custom Font Style fro tmega menu... is there an option to do it with CSS?

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Logo & Header → Category Mega Menu: you can change the font size in this section.

Regards,
PenciDesign.

LillaGreen started the conversation

3 years ago

Conversation Start

Hi, is there a way to change the Font type / Size of the Mega Menu with CSS? Thank you!!