Typography

Can you please post the link to your site?

for the titles of the blogs/posts, add this to the custom css area of your theme or your child theme.

.entry-header .entry-title {
    font-size: 20px;
}

Adjust the font size from there.

As for the social, you did that by inputting it into the menu. You can still display the icons, but you have to host the logo of the images yourself and then replace the text with the code linking to the images in the label section where you wrote Facebook.

Here’s and example of what to put in the label to generate the icons.

<img src="http://yourdomain.com/directory/youricon.jpg" alt="Facebook" width="150" height="148" class="aligncenter" />

Adjust the width and height as needed and put the full url path to the image.

Hope this helps.

Add this to your custome css and adjust it to the desired spacing, but be sure to check it on mobile as well.

#top-navigation ul li {
    margin-right: -15px;
}