I need assistance aligning my social media icons with the navbar on the right side of the display. Can someone provide guidance?
The first image shows the current layout, while the second image illustrates how I would like it to appear: http://imgur.com/a/e0vJQ
When collapsed, the layout looks like this: http://imgur.com/AXgjgUH I am concerned about the positioning of the icons when changing their location and how it will impact the collapsed view. I aim to maintain a tidy and organized design. Any suggestions for the best solution? I'm having difficulty finding an answer, so any help would be appreciated.
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
[...]
CSS:
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@font-face
{
[...]
Check out the updated jsfiddle with some modifications based on the initial question: https://jsfiddle.net/er78k2on/
Thank you for your assistance, have a great day!