Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 26, 2017 at 9:06 pm #830344
    colencrawford

    I have a table that can be wider than screen width (depending on the device being used). When that table is inside of a tab, the content bleeds over into the next tab instead of being an element that the user can scroll horizontally through. I need the user to be able to scroll horizontally (and vertically which is already working correctly by default) through the table. I tried:

    .tab_content {
overflow-x: scroll;
}
    July 26, 2017 at 9:47 pm #830354
    Jordan Shannon

    Hey colencrawford,

    Please provide a link to the page/section in question so we can help work this out.

    Best regards,
    Jordan Shannon

    July 28, 2017 at 3:23 pm #831068
    colencrawford
    This reply has been marked as private.
    July 28, 2017 at 3:42 pm #831094
    Jordan Shannon

    Hi,

    The login credentials provided are not working for me. Can you please check them again?

    Best regards,
    Jordan Shannon

    July 28, 2017 at 4:03 pm #831108
    colencrawford

    Jordan,

    I updated the credentials to match what I sent you just now. Please try it again!

    July 28, 2017 at 4:07 pm #831110
    Jordan Shannon

    Hi,

    Got it. What is the exact page the tab table is on?

    Best regards,
    Jordan Shannon

    July 28, 2017 at 4:12 pm #831115
    colencrawford

    The user profile page.

    July 28, 2017 at 4:21 pm #831124
    Jordan Shannon

    Hi,

    Try adding the following to quick css:

    .avia_textblock.user-floorplans-textbox-container{
overflow-x: scroll!important;
    max-width: 85%!important;
}

    Best regards,
    Jordan Shannon

    July 28, 2017 at 4:24 pm #831129
    colencrawford

    Jordan,

    I tried placing it my child theme’s style.css file, flushing the cache, and reloading the page. That didn’t work. Then I put the code in the quick css section, flushed the cache, and reloaded the page. This time, it did work. Do you know why?

    July 28, 2017 at 4:29 pm #831131
    Jordan Shannon

    Hi,

    The stye.css file maybe hasn’t been re-downloaded from the server. Doing 3-5 refreshes should fix that issue as opposed to 1. But, did the css solve the problem?

    Best regards,
    Jordan Shannon

    July 28, 2017 at 4:30 pm #831133
    colencrawford

    The CSS fixed the not scrolling issue. I have some other things I need to workout myself, but that’s beyond the scope. Thanks!

    July 28, 2017 at 4:36 pm #831139
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help, please do not hesitate to contact us here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Tab Content Overflowing Horizontally’ is closed to new replies.