WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. aggrde
    Member
    Posted 1 year 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

    http://wordpress.org/extend/plugins/weekly-class-schedule/

  2. sremy
    Member
    Posted 1 year 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">
    [wcs]
    </div>
    <div id="MobileSchedule">
    [wcs layout=list]
    </div>

    and then on your css for your main theme you add

    #MobileSchedule{
       display:none;
    }

    and on your mobile theme you add

    #PCSchedule{
       display:none;
    }
  3. aggrde
    Member
    Posted 1 year 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:
    http://wordpress.org/support/topic/change-background-color-on-all-pages-apart-from-home-page?replies=1#post-4338824

    I would greatly appreciate it!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic