[Resolved] Tabs function breaks on certain amount of posts

[Author]

Posts

[bryanC-2]

I am trying to: Create a grid of posts for a movie theatre site with tabbed sections

Link to a page where the issue can be seen: hidden link

I expected to see: hidden link

Instead, I got: Tabs 2 through 4 disappear and my views for those tabs show up below.

Problem in more detail.

I've set up two development sites. hidden link shows the tabs working as they should where 3 of the 4 tabs have views in them with a movie CPT I created. Fourth tab just has text.

The second site at hidden link shows the same site but the tabs are broken as seen on the site.

The only difference between the two sites is I added one more movie to the site that is broken and this appears to what breaks it. Once that movie CPT disappears and there are only two movies, the tabs work, as seen on hidden link

I've tried 3 different plugins as well as just using code snippets to create the tabs and all instances, the same thing happens or the tab will break in another way.

I believe it has something to do with styling. If I have six movie CPT listed, it will will break too, and I have the tabs sections set up in three columns so I think the problem is when movies are listed that are divisible by three. I don't know if a "Clear" setting or something is needed but I wasn't able to fix it with CSS.

I have deactivated all plugins not needed for this task and could not find a conflict there.

Below is the debugging info the broken site hidden link

If needed, here are links for the Types and Views I created for the site.

hidden link

hidden link

Login credentials for both sites are identical.

I don't have duplicator, but either site is breakable if need be. I have plenty of backups.

Your help is appreciated.

Thanks
Bryan

[bryanC-2]

Sorry about that. I didn't realize it was chat and went off to do other things. I'm too use to your forums. ha.

Anyway I am using a plugin called Tabby Responsive Tabs. https://wordpress.org/plugins/tabby-responsive-tabs/

I have the shortcode and views in a text widget under Front Page one. Fifth widget down. Below is the shortcode I used.

_________
[tabby title="Our Movies"]
[wpv-view name="front-now-showing"]

[tabby title="Upcoming Movies"]

[wpv-view name="upcoming-movies"]

[tabby title="Under Consideration"]

[wpv-view name="movies-under-consideration"]

[tabby title="Special Events"]

Jump sleep in the sink vestibulum climb the curtains attack, sleep on your face sniff attack your ankles etiam give me fish judging you. Sagittis run zzz jump elit nibh, sunbathe enim rip the couch vulputate accumsan.

[tabbyending]

_______

I've tried other tab plugin and codes and had no luck there.

I have to run off so I won't be able to respond again for a few hours.

Your help is definitely appreciated

Bryan

[Christian Cox]

Okay I think the problem I noticed earlier was responsible for the tabs not working correctly. I made a minor adjustment to the code in this View's Loop Editor:
hidden link
I moved the last closing div outside of the wpv-loop tags, since it's supposed to close the "now-showing wrap" div which starts before the wpv-loop tags. I can see the tabs appear now and I can click them to show and hide tab content. Can you confirm it's working as expected?

[bryanC-2]

Yep...that was it. Thanks a bunch.

Bryan