Docs

[frederikhvid]

Hi!

Is it possible to move the footer menu to the top bar?

Best regards,
Frederik

[Nico]

Hi There,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks.

[frederikhvid]

This reply has been marked as private.

[Jade]

Hi there,

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Once you have file child theme installed and activated, login through FTP then copy the file _topbar.php from /wp-content/themes/x/framework/views/global/ then add it in /wp-content/themes/x-child/framework/views/global/ and replace the file content with:

<?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' ); ?></p>
      <?php endif; ?>
      <?php x_social_global(); ?>
      <?php

            if ( has_nav_menu( 'footer' ) ) :
              wp_nav_menu( array(
                'theme_location' => 'footer',
                'container'      => false,
                'menu_class'     => 'x-nav',
                'depth'          => 1
              ) );
            else :
              echo '<ul class="x-nav"><li><a href="' . home_url( '/' ) . 'wp-admin/nav-menus.php">Assign a Menu</a></li></ul>';
            endif;
      ?>
    </div>
  </div>

<?php endif; ?>

Then add this code in the custom CSS:

.x-topbar .x-nav {
    float: right;
}

.x-topbar .x-nav li {
    display: inline-block;
    padding: 10px 5px 0;
}

.x-colophon.bottom .x-nav {
    display: none
}

Hope this helps.

[frederikhvid]

Hi!

Thanks for your reply!

It worked!

Now how do I change space in between, location and color?

And can I make it collapsable? Because it does not look very good on mobile.

Best regards,
Frederik

[Christopher]

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[frederikhvid]

I showed it earlier in this thread??

[Joao]

Hi There,

It is not clear for me as well what you are trying to achieve. “Now how do I change space in between, location and color?”

Regarding the menu being collapse this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

I would recommend you using The addon Superfly Menu, It might be a good solution for your issues.

Hope that helps

Joao

[frederikhvid]

Thank you.

Sorry for the inconvenience.

[Jade]

You’re most welcome.

[Author]

Posts