Tagged: tab section
-
AuthorPosts
-
August 6, 2018 at 8:54 pm #994088
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.
August 6, 2018 at 10:26 pm #994123Hey acscreativenew,
Try adding this to quick css:
.av-catalogue-content{ padding-bottom:0px!important; }Best regards,
Jordan ShannonAugust 6, 2018 at 10:35 pm #994128Hi 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.
August 8, 2018 at 9:56 am #994778Hi,
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,
DudeAugust 8, 2018 at 5:52 pm #995091Hi,
So Adding that fixes the one tab but it also messes up all the other tabs cutting them off short.
August 9, 2018 at 2:27 pm #995483Hi 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,
VictoriaAugust 9, 2018 at 3:24 pm #995532That one worked, thank you so much.
August 9, 2018 at 4:05 pm #995560Hi acscreativenew,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
