Docs

[rmaustinpdx]

I found a couple of threads on moving them the opposite way, but I need to move the social media icons above the footer menu. Is that possible?
(see attached screenshot for what I need to accomplish)

[rmaustinpdx]

Link to the site is
http://925.ryanaustindesigns.com/

[Prasant Rai]

Hello There,

Thanks for writing in!

To change the position of social media icons will require 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.

Then place the following code in child theme function.php file:

// Add custom content with social icons
// =============================================================================
function custom_section_before_footer() { ?>
  <div class="custom-social-footer">
  	<div class="x-container max width">
  		<div class="x-column x-1-1">
  			<?php x_social_global(); ?>
  		</div>
  	</div>
  </div>
<?php }
add_action('x_before_view_global__footer-widget-areas', 'custom_section_before_footer');
// =============================================================================

Let us know how it goes.

Thanks.

[Rupok]

Hi there,

Here goes another approach if you don’t want to use Child Theme! You can add this under Custom > CSS in the Customizer.

.x-colophon.bottom .x-social-global {
  margin-top: -80px;
}
.x-colophon.bottom .x-nav {
  margin-top: 60px;
}
.x-colophon.bottom .x-colophon-content {
  margin-top: 90px;
}

Hope this helps.

Cheers!

[rmaustinpdx]

Great thank you.

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts