Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 28, 2014 at 3:23 am #270966
    nvictory

    Hello,
    I’m having trouble with a table that I have placed in the tabs feature. The right side of the table is being cut off when viewed on an iphone. I understand that it is scrollable from left to right, but my client is not happy with the table being slightly cut off.

    Here’s a link to view the page
    http://accoladetechnology.com/portfolio-item/anic-200k/#tab-id-3

    What can I do to get the entire table to fit within portrait mode?

    Thanks!

    May 29, 2014 at 7:30 pm #271956
    Yigit

    Hi nvictory!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
.responsive .tabcontainer .tab_content { 
padding: 15px 5px; }
div.flex_column.av_three_fourth.avia-builder-el-5.el_after_av_one_fourth.avia-builder-el-last { border-left-style: none; padding-left: 0; }
}

    Regards,
    Yigit

    May 30, 2014 at 3:16 pm #272409
    nvictory

    That did the trick! Thank you so much!

    May 30, 2014 at 3:22 pm #272414
    Yigit

    Hi!

    You are welcome, glad we could help! :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Table in tabs is being cut off on iPhone’ is closed to new replies.