Adding navbar to same row as social media icons?

Hi all.
I’m using professional theme with bootstrap.
I have 2 issues.
The first, i’m trying to add my navbar to the same “row” as my social media icons.

Here is my code from my header.php:

<div class="col-md-6" style="padding-top: 20px; float: right; text-align: right; font-size: 23px">

                <?php if (of_get_option('optionsfm_facebook') != '') { ?>
                <a href="<?php echo of_get_option('optionsfm_facebook'); ?>"><i class="fa fa-facebook"></i>
                </a>
                <?php } ?>
                <?php if (of_get_option('optionsfm_twitter') != '') { ?>
                <a href="<?php echo of_get_option('optionsfm_twitter'); ?>"><i class="fa fa-twitter"></i></a>
                <?php } ?>
                <?php if (of_get_option('optionsfm_linked') != '') { ?>
                <a href="<?php echo of_get_option('optionsfm_linked'); ?>"><i class="fa fa-linkedin"></i></a>
                <?php } ?>
                <?php if (of_get_option('optionsfm_rss') != '') { ?>
                 <a href="<?php echo of_get_option('optionsfm_rss'); ?>"><i class="fa fa-rss"></i></a>
                <?php } ?>
</div>

As I only need the twitter and facebook icons, and I only have 2 buttons for links on my navbar, I want to utilize the column space already designated for the other social media icons as my navbar. Is this possible??
Here was my attempt:

<div class="col-md-6" style="padding-top: 20px; float: right; text-align: right; font-size: 23px">

                <?php if (of_get_option('optionsfm_facebook') != '') { ?>
                <a href="<?php echo of_get_option('optionsfm_facebook'); ?>"><i class="fa fa-facebook"></i>
                </a>
                <?php } ?>
                <?php if (of_get_option('optionsfm_twitter') != '') { ?>
                <a href="<?php echo of_get_option('optionsfm_twitter'); ?>"><i class="fa fa-twitter"></i></a>
                <?php } ?>
               <?php // Navbar
get_template_part('/navbar');
?>
</div>

This puts the navbar under the area of social media icons rather than included, and it’s just the background color of the navbar without the links.

Anyone got any ideas? I’m very appreciative of any help.

My second problem is I added some custom CSS, and now my site isn’t responsive to mobile. Guessing I edited something I wasnt supposed to