Hide Column on Mobile Devices

  • Resolved Larissa

    (@ourcoastau)


    3 years, 1 month ago

    Im using this code

    @media screen and (max-width: 768px) {

	.tablepress-id-1 .column-2,
	 {
		display: none;
	}

}

    to try a hide the second column on my table [table id=1 /] but does not seem to work, where am I going wrong?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    You are bitten by a tiny CSS syntax nit-pick here: There must not be a comma right before the { character. Please try again with

    @media screen and (max-width: 768px) {
	.tablepress-id-1 .column-2 {
		display: none;
	}
}

    Commas can only be used to connect multiple CSS selectors (e.g. if you want to hide multiple columns at once using this method).

    Regards,
    Tobias

    Thread Starter Larissa

    (@ourcoastau)

    Arghh rookie mistake, thanks so much for the support and the plugin and your answer corrected my issue.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias
    ?
    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hide Column on Mobile Devices’ is closed to new replies.