Why is my tab element bigger than the row

[zero_to_one]

Hey there,
why does my tab element show this behavior http://prntscr.com/nif9i0 ?
its bigger than the row its supposed to be in.
thanks for your help!

[nabeel]

Hi @zerotoone.de,

Thank you for reaching out to us. That is probably because you’ve given negative margin to the row (see screenshot)

You can set the margin to 0 of the row and see if this resolves the issue. Let us know how this goes!

[zero_to_one]

my top margin has nothing to do with this. Why should it?
this is all about the width
please check it out

[thai]

Hi @zerotoone.de,

Please remove the left margin of your tab element:

Hope it helps

[zero_to_one]

thank you, now I’d like to add some spacing in this positions http://prntscr.com/nim9xz
thanks for your help!

[paul.r]

Hi @zerotoone.de,

To adjust the spacing on those position, you can add the code below in Theme Options > CSS

.x-tabs.my-tab .x-tabs-list {
    padding: 20px 0px 20px 20px;
}

Change 20px to adjust

Hope this helps

[zero_to_one]

@paul.r

.x-tabs.my-tab .x-tabs-list {
padding: 20px 0px 20px 20px;
}

thank you, can I achieve this by setting it in the builder and not adding custom css?

[ruenel]

Hello @zerotoone.de,

You can set the paddings in Tabs > Tab List right in your tab element settings.

Hope this helps.