Support » Theme: Pure & Simple » Issues Making Tables Responsive / Mobile Site

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Styled Themes

    (@gejay)

    Hello @srbhighflyer,

    There are several methods you can use a plugin, load a script manually.
    Here is a quick fix,

    1. Add a CSS class to the <table> tag
    for instance; <table class=”responsive-table”>.

    2. Go to your Dashboard>>Customize>>Additional CSS and add the following CSS;

    @media only screen and (max-width: 768px) {
        .responsive-table {
            overflow: hidden;
            overflow-x: scroll;
            display:block;
        }
    }

    P.S: For more refer the source here.

    Let us know.
    Thanks!

    That didn’t work however I did do a similar thing before where the table scrolls (I imagine same result as this), however that’s not really what I’m looking for.

    I’d like to find a way to keep the table restricted to the width of the screen, the images etc can be smaller, and the whole thing can just get longer to make up for the lack of width. Is there a way to do this?

    Thanks for your help so far.

    Theme Author Styled Themes

    (@gejay)

    Hello srbhighflyer,

    That’s a quick fix you can adopt.
    Please refer to the reference source above for more options regarding table responsiveness.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Issues Making Tables Responsive / Mobile Site’ is closed to new replies.