Docs

[Scott R]

I’m using Integrity 4 layout with the navigation menu along the right… and was wondering if there’s a way to get content or widget areas in all that whitespace below the menu I have?

Could you also link me to where I can read how to get icons in the menu like I see on some of the demos? Iv’e searched and searched to no avail.

http://bitenite.org/about-als/

Thanks!

[CharliePryor]

Hi Scott,

Technically that area is a menu, not a widget area. Getting widgets in there is going to be extremely tough unless you replaced the menu system altogether with something that does support it (like UberMenu) (which is going to be difficult for you).

As far as the icons in the menu, just add them to the “Navigation Label” in your menu items. That’s how I did it anyways. Here’s an example from my own site’s Home label. Just replace “home” in the x-icon area to whatever label goes with the icon you want to use from here: http://theme.co/x/demo/integrity/1/shortcodes/icons/:

<i class="x-icon x-icon-home"></i> Home

Hope that helps,

– Charlie

[Rue Nel]

Hey Scott,

We totally agree with Charlie! Adding a widget or content in the Navbar is a tough customization makeover for that menu area. And if you really decide on adding stuff in navbar, we must tell you that customizations falls beyond the scope of our support. The least that we can do is guide you where to insert codes within in X theme.

What you are trying to accomplish requires a template customization so we would highly recommend 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.

Once you have your child theme ready, you can insert the code below in your child theme’s functions.php

function add_my_custom_content(){
?>
<!-- start your html content here -->

<!-- end your html content here -->
<?php
}
add_action('x_after_view_global__nav-primary', 'add_my_custom_content');

Now if you wish to have a widget area, you must create first a sidebar in Appearance > Sidebars. Take note of the name of the sidebar you just created and we will use it in our code which you can use below:

function add_my_custom_widget_area(){
    if ( is_active_sidebar( 'my-custom-sidebar' ) ) {
       dynamic_sidebar( 'my-custom-sidebar' );
    }
}
add_action('x_after_view_global__nav-primary', 'add_my_custom_widget_area');

Once your content or custom sidebar displays in the navbar, you might want to add your styling in your child theme’s style.css.

Hope this helps.

[ThinkDigital]

This is the craziest thing. I performed the steps above, and it worked great. Then, a few minutes later the widget disappeared. I went through all the steps again, and now I still can’t get the widget area to show up. What could cause that?

[Paul R]

Hi,

Kindly create a new topic then provide us with your wordpress admin login and ftp login on a separate private reply so we could take a closer look.

Thanks

[Author]

Posts