Docs

[stephen]

I am having a major headache with this menu with X-Theme, with Icon.

I have it working on : http://sgsstudios.photography/index2.html

I have tried several ways including the screen shot below using a header and footer plugin, the customiser with the JS and CSS.

I would like this menu to appear on ever page.

Your help is greatly appreciated!
Stephen

[stephen]

This is the link to the pen:

Thanks Stephen

[Rue Nel]

Hello There,

Thanks for writing in! Because what you are trying to accomplish requires a template customization, we would like to suggest that you use 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.

After the child theme is set up, please add the following code in your child theme’s functions.php file

function custom_section_injection() { ?>
   <!-- Add those codes here -->
<?php }
add_action('wp_head', 'custom_section_injection');

function after_body_tag_injection() { ?>
   <!-- Add those codes here -->
<?php }
add_action('x_before_site_begin', 'after_body_tag_injection');

function before_closing_tag_injection() { ?>
   <!-- Add those codes here -->
<?php }
add_action('wp_footer', 'after_body_tag_injection');

And you may need to add the css and js code in the respective section within the customizer, Appearance > Customize > Custom. For the html code, you can add this following code in the child theme’s functions.php file as well;

function add_material_menu() { ?>

<div class="material-menu-wrapper">
  <div class="material-menu">
    <div class="material-btn">
      <div class="material-hamburger">
        <div class="material-patty"></div>
        <div class="material-patty"></div>
        <div class="material-patty"></div>
      </div>
    </div>
    <div class="material-content">
      <nav>
        <ul>
          <li><a href="">Home</a></li>
          <li><a href="">About</a></li>
          <li><a href="">Work</a></li>
          <li><a href="">Contact</a></li>
        </ul>
      </nav>
    </div>
  </div>
</div>

<?php }
add_action('x_before_site_begin', 'add_material_menu');

As this is all custom development, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. We’re happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation.

Thank you for your understanding.

[Author]

Posts