How to add responsiveness to 3 columns

  • Use the hook in the FAQ to turn off the css template, copy the css from that template into your theme style sheet and add this below it.

    /* Directs 3 columns to respond into 1 column for smart phones */
    @media only screen and (max-width: 660px) {
    .multi-column-taxonomy-list ul, ul.multi-column-1, ul.multi-column-2, ul.multi-column-3 {
    width:100%;
    }
    }

    Second time, I’ve attempted to add this. There are many more complex responsive settings that could be used for individual situations.

    https://www.ads-software.com/plugins/multi-column-taxonomy-list/

  • The topic ‘How to add responsiveness to 3 columns’ is closed to new replies.