Include Submenu Items in my Footer

[bluetroop2]

Hi Team,

MiTech Services by Structured Technology Solutions | IT Pros

I need to please include all my submenu items in the footer area. Can you please send me code to do that. Also, there is still no social media icon for TikTok, just a bunch of others I’ve never even heard of. All my customers are getting on TikTok. When will that icon be added to the X licenses?

THANK YOU in advance.

[ruenel]

Hello @bluetroop2,

Thanks for writing in! The footer menu of the X theme does not support dropdown menus. You will be able to use one level linear menus on the footer menu location.

If you want to have such a feature you will need to consider checking the Pro theme:

The Future of WordPress Themes & Ultimate Site Builder - Pro by Themeco

The Pro theme has footer and header builders:

• Footers | Themeco Docs

If you use the Footer builder of the Pro theme you can use the Navigation Inline or Dropdown element to achieve the feature you are interested in.

To convert the X theme to Pro you will need to follow the steps below:

Converting from X to Pro | Themeco Docs

Meanwhile, the ability to add more icons in the Social icons has been requested already. If you are using the Pro theme, you can create a custom footer and add the Social element. In the meantime, you may also use the add_filter() function to be able to insert more icons. For example, you can add this code in your child theme’s functions.php file:

// Add Tiktok icon
// =============================================================================
//
function add_custom_icon_tiktok($output) {
  $tiktok = 'http://tiktok.com/';
  $output .= '<a href="' . $tiktok         . '" class="tiktok" title="TikTok" target="_blank"><i class="x-icon-tiktok" data-x-icon-b="&#xe07b;" aria-hidden="true"></i></a>';  
  return $output;
}
add_filter('x_social_global_after', 'add_custom_icon_tiktok', 10, 2);
// =============================================================================

And the result would somehow be like this:

The code above serves as an example code. Feel free to modify it when needed. Please note that custom coding is beyond the scope of our support. You will have to maintain any custom coding to make sure that it will still work after any updates or does not create any issues or incompatibility in the future.

Thank you.