[MAINIL]

Hi,

How can I apply a smaller font size to the footer menu, and then reduce the height of that menu and finally align that menu to the center.

Thanks for your help

Stephane

[Sakin]

Hi Stephane,

Yes sure. You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Box”. In the following css, change the font-size as per your need to change the size of font.

.nav-footer .catchresponsive-nav-menu a { font-size: 14px; }
.nav-footer { text-align: center; }
.nav-footer .catchresponsive-nav-menu li { float: none; }

Regards,
Sakin

[MAINIL]

Hi Sakin,

That’s perfect. Thanks.

But now how can I reduce the height of the footer menu bar ?

regards,
Stephane

[Sakin]

Hi Stephane,

Ok for that you need to edit your custom css. Check out the css that I gave you earlier and then find the css:
.nav-footer .catchresponsive-nav-menu a { font-size: 14px; }
Replace this, css with the following css, where you have both font-size and line-height:
.nav-footer .catchresponsive-nav-menu a { font-size: 14px; line-height: 46px; }

Regards,
Sakin

[MAINIL]

That’s exactly what I wanted. Thank you so much.

Regards
Stephane

[Author]

Posts