Docs

[yhshin1020]

Hello,

I am trying to add a vertical tab in the left side of my page for easy navigation to various sub pages under a header.

I am looking for something very simple like you have on your integrity shortcode showcase page: http://demo.theme.co/integrity-1/shortcodes/accordion/ (the tab on the right that points to different pages).

I was wondering how I could set that up.

Thank you.

[yhshin1020]

This reply has been marked as private.

[Christian]

Hey there,

That is a custom menu widget and you can set it up in your sidebar (see attachment).

Thanks.

[yhshin1020]

This reply has been marked as private.

[yhshin1020]

This reply has been marked as private.

[Lely]

Hi There,

Please use accordion element. See attached screenshot.
For custom widget, we can use widget area element.

Hope this helps.

[yhshin1020]

This reply has been marked as private.

[Lely]

Hi There,

Glad this helps.
In that case we need to use a sidebar. On Appearance > Customize > Layout and Design > Content Layout: Choose Content with Right Sidebar. Then on your Page template for Abouttest page, choose a template with sidebar. Go to Appearance > Widget: Drag your widgets on Main Sidebar.

Hope this helps.

[yhshin1020]

This reply has been marked as private.

[Lely]

Hi There,

That issue is caused by this custom CSS:

.x-navbar {
    position: absolute;
    width: 100%;
    top: 0;
    background-color: rgba(255, 255, 255,0.9);
    box-shadow: none;
    border-bottom: none;
}

Please update to this:

.x-navbar {
    width: 100%;
    top: 0;
    background-color: rgba(255, 255, 255,0.9);
    box-shadow: none;
    border-bottom: none;
}

Hope this helps.

[yhshin1020]

This reply has been marked as private.

[yhshin1020]

This reply has been marked as private.

[Rue Nel]

Hello There,

To resolve the white space issue, please find and completely remove this css block from your customizer’s custom css,

body.blog.x-integrity {
   padding-top: 80px;
}

Hope this helps. Please let us know how it goes.

[yhshin1020]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for the updates! To get rid of the sidebar in your single blog posts, please go to the customizer, Appearance > Customize > Layout & Design > Content Layout and set it to “Fullwidth”.
http://prntscr.com/czizte

Hope this helps.

[Author]

Posts