Docs

[Pascal]

Hi there,

I add the _toolbar.php in my child theme with this code:

<?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-fluid max width">
      <?php if ( x_get_option( 'x_topbar_content' ) != '' ) : ?>
      <p class="p-info"><?php echo x_get_option( 'x_topbar_content' ); ?></p>
      <?php endif; ?> 
      <?php

        wp_nav_menu( array(
            'menu'           => 'topbar-menu',
            'container'      => false,
            'menu_class'     => 'x-nav sf-menu',
            'container'       => 'div',
            'container_class' => 'top-menu',
        ) );
      ?>
    </div>
  </div>

<?php endif; ?>

And this in CSS :

/* Top bar as a menu css */
.top-menu {
      float:right;
}

.top-menu ul {
     margin:0;
}

.top-menu li {
     display:inline-block;
}
.top-menu li a {
    padding:0 20px 0 0;
    line-height:46px;
}

I would like to add my logo on the left. How can I do that?

Thanks,

[Darshana]

Hi there,

Thanks for writing in! To assist you with this request, 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.

[Pascal]

This reply has been marked as private.

[Jade]

Hi Pascal,

Please update your code to:

<?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-fluid max width">
      <?php if ( x_get_option( 'x_topbar_content' ) != '' ) : ?>
      <p class="p-info"><?php echo x_get_option( 'x_topbar_content' ); ?></p>
      <?php endif; ?>
      <?php x_get_view( 'global', '_brand' ); ?> 
      <?php

        wp_nav_menu( array(
            'menu'           => 'topbar-menu',
            'container'      => false,
            'menu_class'     => 'x-nav sf-menu',
            'container'       => 'div',
            'container_class' => 'top-menu',
        ) );
      ?>
    </div>
  </div>

<?php endif; ?>

Hope this helps.

[Pascal]

This is exactly what I was looking for 🙂

Thanks!

Again, Awesome Support!

[Lely]

You’re welcome Pascal!

Cheers!

[Author]

Posts