Weekly Class Schedule
[resolved] How to get different layouts on different screens? (3 posts)

  1. aggrde
    Posted 3 years ago #

    Hi there,

    how can I change the css to display the normal table ([wcs]) on desktops and the list ([wcs layout=list]) on mobiles?

    I'd appreciate any ideas. Thanks


  2. sremy
    Posted 3 years ago #

    My suggestion would be to create two divs on the page with separate IDs then in the css for pc display:none; the mobile div, and vica-versa.

    So the html would be:

    <div id="PCSchedule">
    <div id="MobileSchedule">
    [wcs layout=list]

    and then on your css for your main theme you add


    and on your mobile theme you add

  3. aggrde
    Posted 3 years ago #

    Thank you sremy, you're solution worked perfectly for me!! I was searching all over and couldn't find the answer so thank you again.

    If you have time, please see another question below that I have opened:

    I would greatly appreciate it!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Weekly Class Schedule
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic