Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 15, 2016 at 3:10 am #89549
    MAINIL
    Participant

    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

    April 15, 2016 at 7:47 am #89563
    Sakin
    Keymaster

    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

    April 15, 2016 at 11:20 am #89573
    MAINIL
    Participant

    Hi Sakin,

    That’s perfect. Thanks.

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

    regards,
    Stephane

    April 15, 2016 at 11:25 am #89576
    Sakin
    Keymaster

    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

    April 15, 2016 at 11:33 am #89579
    MAINIL
    Participant

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

    Regards
    Stephane

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Footer Menu alignment, height and font size’ is closed to new replies.