Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 28, 2015 at 3:11 pm #479747
    mrijnders

    Hi,

    On the page (URL included in this post) I have two tables. They are both scrollable on mobile devices. But when viewed on a mobile device (lower than 768px width) the width of the columns in the first table is different from the columns in the second table. How can I make the columns in the second table as wide as the columns in the first table?

    July 28, 2015 at 8:14 pm #479894
    Dake

    Hi mrijnders!

    It appears that the headings for the first table are not breaking (going to the next line) at a certain width.

    On the other hand, the second tables content and headings are not long enough to cause the scroll width of the first.

    May we have temporary access to your website so we can take a closer look?

    Regards,
    Dake

    July 30, 2015 at 9:32 am #480569
    mrijnders
    July 30, 2015 at 4:48 pm #480774
    Dake

    Hey!

    Please try adding a line break between each heading for the first table like the screenshot below:

    http://i.imgur.com/JlOTLXY.png

    Cheers!
    Dake

    July 31, 2015 at 10:32 am #481227
    mrijnders

    Hi

    That didn’t work.

    I want the column of Support A as wide as the column of Groei Normaal. On a desktop they are as wide, but not on mobile screens.

    August 3, 2015 at 2:44 pm #482116
    Elliott

    Hi!

    Did you get this sorted? They are displaying the same widths for me.

    Regards,
    Elliott

    August 3, 2015 at 2:59 pm #482128
    Andy

    Hey!

    try this code: 

    @media only screen and (max-device-width: 736px) {
center {
width: 143px; 
}}

    and adjust as needed.

    Regards,
    Andy

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