Docs

[Lisa]

Hi there,

I got the following code from x-staff:

<?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 if ( x_get_option( 'x_topbar_content' ) != '' ) : ?>
      <p class="p-info"><?php echo x_get_option( 'x_topbar_content' ); ?><span class="loginout"><i class="x-icon x-icon-sign-in"></i><?php wp_loginout(); ?></span>

      <?php endif; ?>
      <?php x_social_global(); ?>
      
    </div>
  </div>

<?php endif; ?>

So now I have an issue with that. When I use Google-Chrome there is a line break between the icon and the linktext “Abmelden”. But that is just with chrome, firefox and safari are fine. I attached a screenshot.

Regards,

Lisa

[Paul R]

Hi Lisa,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Lisa]

This reply has been marked as private.

[Zeshan]

Hi Lisa,

Thanks for writing back!

I’ve checked your site on Google Chrome and links are showing fine in the topbar (see: http://prntscr.com/aivmzq). Would you mind confirming the issue again?

Thank you!

[Lisa]

Hi,

Oh I’m so sorry, I wrote you the wrong URL.
Right URL with login credentials follow in a private message.

Best!

[Lisa]

This reply has been marked as private.

[Paul R]

Hi Lisa,

It is showing up fine on my end.

http://screencast.com/t/lNWuesguD4

Please clear your browser cache and check again.

Thanks

[Lisa]

Hi,

looks like it is a Mac Goggle Chrome problem… I tested on three iOS computers and everywhere the same problem.
What can we do about that?

Best,
Lisa

[Rupok]

Hi there,

Thanks for updating.
You can add this under Custom > CSS in the Customizer.

.x-topbar p.p-info {
  min-width: 400px;
}

Hope this helps.

Cheers!

[Lisa]

Perfect!
That worked for me.

Thanks again 🙂

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts