wordpress - problem med at flytte top menu til højre

Har brug for hjælp til at få min topnavigation (Med sociale medie ikoner) til at være placeret i højre side af skærmen.

CSS ser sådan ud:

.top-navigation {
  clear: both;
  display: block;
  float: right;
  height: 40px;
}

Jeg har forsøgt med float: right
Jeg har forsøgt med text-align: right

Det eneste, der får menuen til at være i højre side af skærmen er, hvis jeg laver width om til 2800px! ??

php:

   
    <?php if ( has_nav_menu( 'top_navigation' ) || get_theme_mod( 'display_social_icons', false ) ) : ?>    
        <div class="top-nav">
            <div class="container">
                <div class="row">
                    <?php is_rtl() ? $rtl = 'awaken-rtl' : $rtl = ''; ?>
                    <div class="col-xs-12 col-sm-6 col-md-8 <?php echo $rtl; ?>">
                        <?php if ( has_nav_menu( 'top_navigation' ) ) : ?>
                            <nav id="top-navigation" class="top-navigation" role="navigation">
                                <?php wp_nav_menu( array( 'theme_location' => 'top_navigation' ) ); ?>
                            </nav><!-- #site-navigation -->    
                            <a href="#" class="navbutton" id="top-nav-button"><?php _e( 'Top Menu', 'awaken' ); ?></a>
                            <div class="responsive-topnav"></div>
                        <?php endif; ?>            
                    </div><!-- col-xs-12 col-sm-6 col-md-8 -->
                    <!-- col-xs-12 col-sm-6 col-md-4 -->
                </div><!-- row -->
            </div><!-- .container -->
        </div>
    <?php endif; ?>

Jeg har forsøgt mig med med at inspicere element og ændre "live" på float i alle col også - men intet hjælper!
Hvad er det, jeg overser?

Mvh Maiken

Hej Maiken,

Send en mail til info@webleasing.dk med nærmere info, så skal vi fikse det for dig uden beregning.

Rigtig god weekend!