width css only applies to header whilst on mobile view

  • Resolved hdyt

    (@hdyt)


    7 years, 3 months ago

    Hi Tobias

    I am trying to set a column to have a certain width whilst it is viewed on the phone.

    i have this: 

    @media (max-width: 768px) {

	.tablepress-id-2 .column-3 {
		width: 50% !important;
	}

	.tablepress th,
	.tablepress td {
		font-size: 11px;
	}

}

    why does the width: 50% only apply to the header? i ran out of ideas.

    thanks!

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

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This is related to the horizontal scrolling, which doesn’t like custom widths being set.
    Now, there is a way to add horizontal scrolling in different technical way, that does not have this drawback. For that, you can uncheck the “Horizontal Scrolling” checkbox on the table’s “Edit” screen and instead use the scroll mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘width css only applies to header whilst on mobile view’ is closed to new replies.