Howto float the topbar content to the right?

[wunsch]

Hello,
i want to float the topbar content to the right so that it shows on the left side of the social icons.
HP: https://raumkonzept-trier.de
If i set .x-topbar .p-info {float:right;} it shows in front of the social icons…

Can you please tell me what i can do?

[paul.r]

Hi Simeon,

To make it show on the left side create file _topbar.php in /wp-content/themes/x-child/framework/legacy/cranium/headers/views/global then copy the code below into that file.

<?php

// =============================================================================
// VIEWS/GLOBAL/_TOPBAR.PHP
// -----------------------------------------------------------------------------
// Includes topbar output.
// =============================================================================

?>

<?php if ( x_get_option( 'x_topbar_display' ) == '1' ) : ?>

  <div class="x-topbar">
    <div class="x-topbar-inner x-container max width">
      <?php x_social_global(); ?>
      <?php if ( x_get_option( 'x_topbar_content' ) != '' ) : ?>
      <p class="p-info"><?php echo x_get_option( 'x_topbar_content' ); ?></p>
      <?php endif; ?>
      
    </div>
  </div>

<?php endif; ?>

Then add your css code in Theme Options > CSS

.x-topbar .p-info {float:right;}

Please note that these directories legacy/cranium/headers/views/global does not exist yet in your child theme. You will need to create them.

Additional Information:

Best Practices | Themeco Docs

Hope this helps