How to edit where the footer menu goes

Support
#1

Hi,
I want to edit the menu in the footer and put it above the Facebook and Instagram links, instead of below.
Also in my menu appears like this: Home / About /Work with me /Events/ Blog/ Contact us, but I would like to delete the /

Thanks,
Marina.

#2

Hi Marina,

Thank you for writing in, please add this to Theme Options > CSS

.x-colophon.bottom .x-container {
    display: flex;
    flex-direction: column;
}
.x-colophon.bottom .x-nav,
.x-colophon.bottom .x-social-global,
.x-colophon.bottom .x-colophon-content {
	margin: 10px 0;
}
/*menu, social icons, text content ordering*/
.x-colophon.bottom .x-nav {order: 1;}
.x-colophon.bottom .x-social-global {order: 2;}
.x-colophon.bottom .x-colophon-content {order: 3;}

/*menu item divider*/
.x-colophon.bottom .x-nav li:before {
	content: " ";
}

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!

#3

Hi!

It worked for removing the / divider.
But I menu keeps appearing below the social media symbols, how can I change that?

Thanks,
Marina.

#4

Hello Marina,

The code Friech provided should address that but it does not work because you have this code added to the Global CSS:

f ( ! function_exists( 'x_title_separator' ) ) : function x_title_separator( $sep ) { $sep = " "; return $sep; } add_filter( 'document_title_separator', 'x_title_separator' );endif;

This is an invalid code because this is a PHP code that should not be in the CSS area.

So kindly remove that block of code so that the CSS code will work correctly.

Hope this helps.

#5

Perfect! It worked, thank you.

#6

You’re welcome!
We’re glad we were able to help you out.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.