Problem with responsiveness

  • There appears to be a problem with responsiveness with a table with one row – see https://www.z-to-a.com/registration/

    Full screen this is fine, but when the screen size is reduced the contents of the first cell on the row appears OK – except that the background is greyed, but the next row has a blank cell followed by the contents of the second cell.

    I’ve tried moving text into the title row of the table for both cells, but that doesn’t work

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Same for me.

    Thread Starter trevorwood

    (@trevorwood)

    I’ve fixed this myself by dumping the table and adding some divs and CSS. I’ll post code here if people want

    Please do thanks

    Thread Starter trevorwood

    (@trevorwood)

    <div style=”display: inline-block;”>
    <div style=”float: left; width: 450px;”>
    left box – change width as appropriate
    </div>
    <div>
    right box will drop below left box as screen gets smaller
    </div>
    </div>

    So you edited the core files ?

    Thread Starter trevorwood

    (@trevorwood)

    No – I put this code into the WordPress page

    I did like thes, however it just created a scroll box on mobile.

    <div style=”display: inline-block;”>
    <div style=”float: left; width: 450px;”>
    left box – change width as appropriate
    </div>
    <div>
    [wpsm_comparison_table id=”1″ class=”center-table-align”]
    </div>
    </div>

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Problem with responsiveness’ is closed to new replies.