Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 19, 2016 at 7:03 pm #635419
    bensondesign

    I have added a table inside a grid and have set it up so it is scrollable. The issue is that it is overlapping the side column I have set up in the gird.

    Any help is greatly appreciated.

    May 19, 2016 at 7:51 pm #635446
    Basilis

    Hi bensondesign!

    I have loaded your web site and I can not see it overlaping it.
    Can you please provide us with a screenshot?

    Regards,
    Basilis

    May 19, 2016 at 8:17 pm #635521
    bensondesign

    Here is a link to the screen capture.

    May 19, 2016 at 8:50 pm #635536
    Basilis

    Hi!

    Here what I see
    http://awesomescreenshot.com/0115vt93b7

    can you please clear your cache?

    Thanks a lot

    Best regards,
    Basilis

    May 19, 2016 at 9:02 pm #635542
    bensondesign

    Basilis,
    I see the same thing you do on larger screens but when I resize my browser so the edge is closer to the phone number on the top right of the page is when it overlaps.

    May 19, 2016 at 10:33 pm #635576
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    

@media only screen and (max-width: 1600px) {
.responsive .avia_scrollable_table {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}}

    Best regards,
    Vinay

    May 19, 2016 at 11:02 pm #635590
    bensondesign

    That worked perfect. Thanks so much for the support.

    May 20, 2016 at 7:21 am #635749
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.