-
Posts
-
Hi there,
I am using a child theme of Enfold with a Tab Section on the landing page. I’m using the advance layout editor to build my tab sections, and they look fine in the edit mode, but when I save, update and preview my page, all of the tab content from all 4 of my tab sections are being rendered inside a single tab. I opened up Chrome dev tools and I can see that the HTML markup is not being constructed properly:
Inside
.av-tab-section-inner-containerthere is a div withdata-av-tab-section-content="1"but inside THAT are all of the other tab content:data-av-tab-section-content="2",data-av-tab-section-content="3"etc. These section content divs should actually be rendered as first children of the.av-tab-section-inner-container, but instead are being rendered inside the first tab section.Current / incorrect HTML:
Correct HTML that I modified in the browser:
I am using the Enfold 2017 Demo and my only plugins are Gravity Forms, Password Protected, and WP-SCSS.
Hey taylorchiu,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.
Best regards,
VictoriaHi Victoria,
Thanks for your response. I ended up re-installing everything and the tab section content issue went away, so it might have been from a bad install. However, now that the correct section content is showing up in the correct tab, there is a HUGE padding that is making every tab section really tall. It seems to be coming from thebody .container_wrap .avia-builder-el-first, div .flex_column .av_one_half .flex_column_div .av-zero-column-padding .first .avia-builder-el-0 .el_before_av_one_half .avia-builder-el-firstCSS in style.css. I had to use the custom section Id to override this using a!important, but I’d really like to not hack it if thatpadding-top: 20%is there for a reason.I made you an admin login and also explained in the tab section content what the issue is. Thank you!
- You must be logged in to reply to this topic.