Move Social Media Buttons to the Right

Hi there,

This is absolutely something you can do!

First of all, a quick suggestion: don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

For your particular issue, some CSS code would do the trick. Here’s what I’d use:

.fb, .tw, .gp, .yt, .vi, .pi, .li, .rs {
  float: left;
}

If you add this, it will work nicely on mobile devices, as well:

@media screen and (max-width: 770px) {
  #menu-icon {
    display: inline-block;
  }

  nav .nav-ico {
    width: 100%;
  }
}

Thank you!