Docs

[freddie F]

I have added tabs but it only allows a maximum of 5, is there a way I can add 6?

[Paul R]

Hi Freddie,

First add a unique class(sixtabs) to your tab nav.

http://screencast.com/t/h68I0zCQTy

Second just add another nav item to make it 6.

Third you need this custom css code.

You can add this under Custom > CSS in the Customizer.

.sixtabs .x-nav-tabs.five-up > li {
    width: 16.6667%;
}

.sixtabs .x-nav-tabs.five-up > li:nth-child(5n) {
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.sixtabs .x-nav-tabs.five-up > li:nth-child(6n) {
    border-right: 0 none;
}

[freddie F]

I done everything you instructed a couple of times over and it is still not working? Under the Title ‘Menu’ the 6th tab ‘Omakase’ is still showing below the 1st tab called ‘Small Plates’ as opposed to being aligned next to the 5th tab called ‘Lunch Sets’

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[freddie F]

http://gabuz.com/wifisocial/ and go to the ‘MENU’ link

Thanks

[Christopher]

Hi Freddie,

There should be a cache or something going on in your machine, because I see it working ok with 6 tabs: http://prntscr.com/4fz1x3

Thanks.

[Glasseye]

Worked like a charm for me, thanks!

It is a bit of longer process having to add the tabbed content using the “raw content” element in Cornerstone, but I’m just glad I could get it working.

I look forward to having this process integrated better with future updates to Cornerstone.

As always, thanks for amazing support Team X.

[Zeshan]

Glad it worked for you! 🙂 Have a nice day!

[Adwin L]

How can we do this in cornerstone? I’m going to need 17 tabs: http://52.25.40.201/~dizzyadm/store-locations/

Thanks!

[Rad]

That’s only possible with shortcodes, but not in a cornerstone builder. It’s limited to 5 only.

Thanks!

[tomrogers]

Can you explain that last comment? I need at least 14 tabs, probably more over a period of time. I tried entering a short code in “Text” view (not Cornerstone), but it’s not clear to me that anything has happened. I would use a step by step process.

It’s hard to believe that the tabs created via Cornerstone are limited to five.

[Lely]

Hello There,

Possible using shortcode. Like below, add it inside a Raw Content element:
[x_tab_nav type="two-up" float="left"][x_tab_nav_item title="No, Click Me1!" active="true"][x_tab_nav_item title="No, Click Me2!"][x_tab_nav_item title="No, Click Me3!" active=""][x_tab_nav_item title="No, Click Me4!" active=""][x_tab_nav_item title="No, Click Me5!" active=""][x_tab_nav_item title="No, Click Me6!" active=""][x_tab_nav_item title="No, Click Me7!" active=""][x_tab_nav_item title="No, Click Me8!" active=""][x_tab_nav_item title="No, Click Me9!" active=""][x_tab_nav_item title="No, Click Me10!" active=""][/x_tab_nav][x_tabs][x_tab active="true"] Your Content1 [/x_tab][x_tab] Your Content2 [/x_tab][x_tab ] Your Content3 [/x_tab][x_tab] Your Content4 [/x_tab][x_tab ] Your Content5 [/x_tab][x_tab ] Your Content6 [/x_tab][x_tab ] Your Content7 [/x_tab][x_tab ] Your Content8 [/x_tab][x_tab ] Your Content9 [/x_tab][x_tab ] Your Content10 [/x_tab][/x_tabs]

Hope this helps.

[tomrogers]

Doing it that way gets you the tabs, but there is no easy way to edit it within Cornerstone. All the editing would have to be done within that raw code. I’m searching for a different way to do it, and hope that some day you guys can come up with something better.

[Rad]

Hi,

Noted that 🙂 but for now, it’s only possible with shortcodes due to builder limitation.

Thanks!

[Author]

Posts