Tabs don't have static navigation width

[Andrew Kwon]

Tabs from addons for elementor are accessible but have issues on vertical styles. When putting content in the tab panes and selecting through the tabs, the title and content moves inconsistently.

[attachment file=”29394″]

[attachment file=”29395″]

[Raghavendra]

Can you pls share a link to the page as a private message here. This should be mostly CSS issue due to some styles derived from the theme you are using. Thanks

[Andrew Kwon]

This reply has been marked as private.

[Andrew Kwon]

I am using wordpress theme Astra.

[Raghavendra]

Pls use the following custom CSS in the plugin options –

.lae-tabs.lae-vertical .lae-tab-nav, .lae-tabs.lae-vertical .lae-tab-panes {flex-basis: 0;}

Since the width available is a little more than content itself, this situation occurs. The width “jumps” as the additional width available changes. In general, for a tab this wide, the content on the right would fill the remaining space. The pure list content is helping this to make happen. Will consider changing this in upcoming update.

[Andrew Kwon]

Thank you!

[Andrew Kwon]

Hello I came across another problem. This time in Mobile view, if flex-basis is set to 0 then tab navigation menu doesn’t function properly.

If flex-basis: 0

[attachment file=29444]

without flex-basis change

[attachment file=29445]

[Raghavendra]

Can you pls use this until we fix this for everyone –

.lae-tabs.lae-vertical .lae-tab-nav, .lae-tabs.lae-vertical .lae-tab-panes {
    flex-basis: 0;
}

.lae-tabs.lae-vertical.lae-mobile-layout .lae-tab-nav, .lae-tabs.lae-vertical.lae-mobile-layout .lae-tab-panes {
    flex-basis: auto;
}

[Author]

Posts