Docs

[redsnapdragons]

Hello,

I’d like to have my menu in the center and then have 2 links justified to the right. One a phone number and the other called ‘specials’ that links to another page. I’ve attached a picture for your reference. My site is http://ikesmitsubishi.wpengine.com/

[redsnapdragons]

This reply has been marked as private.

[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

// Add a custom link in the navbar
// =============================================================================
function add_custom_link(){ ?>

  <div class="custom-link-container">
      <!-- our custom header codes here -->
      <a class="specials" href="#specials" title="Specials">
        Specials
      </a>

      <a class="specials" href="tel:2106801234" title="Call us now!">
        <span class="phone"><?php echo do_shortcode('[x_icon type="phone"]'); ?></span>
        <span class="tel">(210) 680-1234</span>
      </a>
  </div>

<?php }
add_action('x_after_view_global__nav-primary', 'add_custom_link');
// =============================================================================

After adding the code you may need some other styling for the Specials and the phone links.

Please let us know if this works out for you.

[Author]

Posts