[FREDERIC]

Hi
I would want to decrease tue size of the font for the menu and sub-menu
I found to decrease the size of the menu by these add-on on CSS customize:
#fixed-header-top ul li a {
padding: 12px 15px;
font-size: 12px;
}

But these decrease the font but not the part “header” of the menu

In the same way, how to decrease the text of the sub-menu and the band of the sub-menu

My website: fredericvoyage.fr

Thanks for your help
Frederic

[Skandha]

@frederic: To decrease font and band of sub menu
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#fixed-header-top ul.menu ul li a {
     font-size:12px;
}

Let me know if this works out!
Kind Regards,
Skandha

[FREDERIC]

Hi Skandha

It’s fine concerning the sub-menu.
Thanks for this part

If I want to decrease the header part of the menu, how to do that ?

As wrote in first, it’s okay for the font size but not for the header

Thanks a lot for your feedback

Regards
Frederic

[Skandha]

@frederic: Your site seems to be in construction mode. Please let me know when your site is accessible and also please clearly explain what do you mean by decrease part of the menu? Do you mean to decrease the height of the menu band?

Kind Regards,
Skandha

[FREDERIC]

Hi
I remove the maintenance mode.

Yes, I would want to decrease the height of the menu band and the font of the main menu too, according with the band
I already decrease the font size of the sub-menus.

Thanks a lot for your help
Regards
Frederic

[Skandha]

@frederic: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#fixed-header-top ul.menu li a {
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
}
.has-header-top #branding {
	padding-top:28px;
}

You can adjust the height by changing padding values.

Let me know if this works out!
Kind Regards,
Skandha

[FREDERIC]

Hi Skandha,

Thank you for your feedback. It’s okay for the menu

But The sub-menu don’t decrease. I try many things like that but nothing happens:
#fixed-header-top ul.sub-menu li a {
font-size: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

Even this:
#sub-menu ul li a {
font-size: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

Thanks for your help
Regards
Frederic

[Skandha]

@frederic: For the sub menu
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#fixed-header-top ul.menu ul li a {
     font-size:12px;
     padding-top:5px;
     padding-bottom:5px;
}

You can change the padding according to your requirement.
Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts