Editing Blog Page Template - Showcasing navigation bar on the left

[RitikaKohli]

Hi there,

I am using the x theme to build a website. I want to edit the template for the blog page. Currently, if you see my page here (I am using Silvertooth): http://www.blockodes.com/2020/04/14/introduction-to-blockchain/

I want to add an additional navigation on the right side of the page. I tried enabling the posts under x->settings to control the posts and then adding the layout to the posts with navigation layered element on the left side but that removes the content of the post. Could you help me with this?

[lely]

Hi Ritika,

@RitikaKohli

I want to add an additional navigation on the right side of the page

When you say right side do you mean sidebar?
If yes, first we need to enable the sidebar.
Go to X > Theme Options > Layout and Design > Content Layout : Choose Content Left, Sidebar Right

Then to add the navigation:
Go to X > Global Blocks. Add and design the navigation as needed. Take note of the global block shortocode.

To add navigation on your sidebar
Go to Appearance > Widgets. Add text widgets to your MAIN SIDEBAR. Then inside the text widgets add the global blocks shortcode.

This way, it will be available on all of your post. Note that once sidebar is enabled, it will also be available on your category pages.

Hope this helps.

[RitikaKohli]

Hi,

Thanks for the update. Could I separate it by category?

Like for 10 pages under Category A, I enable a menu A. On the other hand for 10 pages under Category B, I enable menu B.

[RitikaKohli]

Hi,

I followed the guild-lines, as you mentioned to test out the navigation. Although, I am able to link the navigation and get it working, but it’s showing the navigation as underlined bullet points. How should I make it look like the layered navigation as under the Global blocks, I added the layered navigation.

You can refer to this page: http://www.blockodes.com/2020/04/14/introduction-to-blockchain/

Thanks

[christopher]

Hi Ritika,

I think the problem is that the widget related styling interferes with the Global Block styling. You can get rid of those dots by adding the code below into X > Theme Options > CSS:

.textwidget .x-menu-layered.x-current-layer {
    list-style: none;
}

mmm… for the category related question I think it needs quite a customization and it is outside of our support scope.

You can use our Unlimited Sidebar feature. So instead of adding the widget to the main sidebar you can add it to the ones that you added and assigned to proper Taxonomies (Categories). That way you can add various Global Blocks with different menus and add them into the proper widgets.

Just to let you know there is also another Widget called Navigation Menu which you can use and avoid using GLobal Block all together if you want:

• 

Thank you.

[RitikaKohli]

Hey Christopher,

Thanks for the update, I am using the navbar as suggested by you. It serves my purpose.

Thanks and Regards
Ritika

[lely]

You’re always welcome Ritika!

Cheers.