Tagged: tab section
Hi, I’m using the catalog element within a tab section to display a menu and it’s been working fine until my client tried to add additional content to the catalog element. All tabs are working fine except for the specials tab. The last item under cocktails in the specials tab is getting cut off for some reason. Some of the other tabs have heights that are much longer than this one so I’m not sure why it’s getting cut off in this instance. Please let me know if there’s a solution to this.
Hey acscreativenew,
Try adding this to quick css:
.av-catalogue-content{
padding-bottom:0px!important;
}
Best regards,
Jordan Shannon
Hi Jordan, I just added that to the css but it’s still breaking. I left it in the css so you can see but ideally I’d like to have at least 5px of padding between each item.
Hi,
Please try to add this code to the quick css field:
#top.page-id-18 #av-tab-section-1 .av-tab-section-outer-container{
max-height: 1145px !important;
}
Best regards,
Dude
Hi,
So Adding that fixes the one tab but it also messes up all the other tabs cutting them off short.
Hi acscreativenew,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#av-tab-section-1 > div.av-tab-section-outer-container {
max-height: 100% !important;
}
If you need further assistance please let us know.
Best regards,
Victoria
That one worked, thank you so much.
Hi acscreativenew,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria