Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 19, 2017 at 6:26 pm #796707
    hankisaac

    I have an issue with the Tab Section element.
    My first Tab looks good, but when I add more tabs, the content is bumped to the right, so I can’t do 2 columns on Tab 2, or Tab 3, etc.
    Thank you!!

    May 19, 2017 at 6:47 pm #796712
    hankisaac

    Just to clarify, it only happens in Tab 2. If I duplicate Tab 2 to create a third tab, Tab 3 looks fine.

    May 20, 2017 at 3:46 pm #797021
    Mike

    Hi,
    I believe this was due to the single 1/2 column at the top of tab 2, but try this code in the General Styling > Quick CSS field:

    .avia-builder-el-18.av_one_half {
    margin-left: 0px !important;}

    Best regards,
    Mike

    May 20, 2017 at 9:53 pm #797112
    hankisaac

    Mike,
    Thanks for taking a look.
    That CSS did fix the margin issue. But for some reason, only in Tab 2, I can’t do multiple columns in the top row.
    If I duplicate Tab 2 to create a 3rd Tab, Tab 3 works correctly, but Tab 2 does not.
    Why would Tab 2 be any different?
    Thanks!!
    Hank

    May 20, 2017 at 10:43 pm #797118
    Mike

    Hi,
    Glad it works, I targeted tab 2 only because it was the one with a single box at the top, which was the issue. If you plan on making more tabs like tab 2 copy the code and change the element number (avia-builder-el-18)
    postimage

    Best regards,
    Mike

    May 21, 2017 at 1:59 am #797133
    hankisaac

    Hmm, I appreciate the help.
    Sorry if I’m not being clear.
    So, Tab 2 is a pure Duplicate of tab 1 (no changes at all), however, you’ll see that the second column of tab 2 drops to the next row.
    Must be a bug in this component.

    May 21, 2017 at 3:03 pm #797188
    Mike

    Hi,
    Can you please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    May 21, 2017 at 4:16 pm #797208
    hankisaac

    Sure, thanks.

    May 21, 2017 at 5:36 pm #797228
    Mike

    Hi,
    OK, the issue was the end of tab one had an odd number of boxes, so tab two started with an odd one on top. I added a box to the bottom of tab one and fixed it. I also removed the css from above, as you won’t need it :)

    Best regards,
    Mike

    May 21, 2017 at 7:27 pm #797252
    hankisaac

    Solved!
    Thank you so much for your help!
    Regards,
    Hank

    May 21, 2017 at 8:57 pm #797292
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Problem with Tab Section’ is closed to new replies.