Weweb’s “Tabs” basic building block (found in the ‘Data Display’ category of the ‘Basics’ category) seems to be equipped with a default “min-width: 390px” setting. More specifically, if in Chrome I right-click on the ‘Headers’ part of the Tabs building block (even before adding any custom settings), I see the following:
It seems the “min-width: 390px” is hardcoded in the Tabs asset and not something user-configurable.
Is there any way/trick to change/overrule this setting? Unfortunately this value is currently breaking my design given that I’d like the width of the Tabs building block to dynamically adjust to sub-390 sizes depending on the screensize…
Thanks a ton in advance for any and all thoughts and tips
Could you please clarify what you mean with “just add an HTML element”?
I’ve tried a lot of things based on your suggestion, but without success so far…
Generally speaking your css code suggestion sounds very good, but I would think that for it to work the css code would have to be added to the section of the page? I’m building on the free plan and it seems including css code in the is not working for the free plan. Is that correct or is there a way to try out css code in the section on the free plan?
Sorry for not being clear. I meant adding the HTML element from the add panel, it’s a specific element that we have that allows you to add markup, styles and scripts. You will be able to target the Tab’s class there by using .tabs-container inside style tags
If you want more customization options, I recommend you inspect the tabs element to get specific classes from it.
