Remove Padding on left and right of navigation menu


My menu is wrapping two of my social media icons and I would like it to just be a single row of icons in my menu. I would like to reduce the wrapping on my nav menu on the main page.


Hello there,

Please try using the CSS snippet below and insert it into your site’s additional CSS option (Appearance > Customize > Additional CSS) or child theme’s style.css.

#mainnav .menu > li{
    padding-left: 5px;
    padding-right: 5px;

If it isn’t enough, probably you need to reduce its font size.

#mainnav .menu > li a{
    font-size: 14px;

I hope this reply helps.