Docs

[Draxion]

Hi again,

I’m wondering, how would I go about doing the following:

1) center the footer menu
2) Move social icons below the menu (instead of the top)

Thanks!
S

[Draxion]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for writing in!

1) To center footer menu, you can add this under Custom > CSS in the Customizer:

ul#menu-main-2 {
float: none !important;
}

2) To change footer social icon position will 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 that add following code in child theme function.php file:

<?php if ( x_get_option( 'x_footer_social_display' ) == 1 ) : ?>
          <?php x_social_global(); ?>
        <?php endif; ?>

Let us know how it goes.

Thanks.

[Draxion]

Thank you!

The CSS worked perfectly. So thank you again.

The code however, doesn’t seem to work or I’m doing something wrong… I’ve copied and pasted it into my x-child’s function.php file, but now the page won’t load. I can simply add that code straight to the file?

Any ideas? thanks

[Rupok]

Hi there,

It should work fine. However you can try to achieve this with CSS only. Let’s add this CSS :

.x-colophon.bottom .x-nav {
  float: none;
  margin-top: -70px;
}

.x-colophon.bottom .x-social-global {
  margin-top: 30px;
}

Let’s take off the PHP code from functions.php

Cheers!

[Draxion]

Perfect… that worked. I like this solution better as it seems to be easier to adjust the spacing between the menu and social icons.

Thanks again!
S

[Rue Nel]

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts