responsive columns

  • Resolved jaimesebastian

    (@jaimesebastian)


    4 years, 5 months ago

    Hello,
    Is there any way to make the shortcode switch from 3 columns display to 1 column when seen on mobile?
    Sorry I’m not a developer. So far I managed to customize everything I wanted but got stuck at this point

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

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

    (@wpkube)

    Hi @jaimesebastian

    You seem to have this custom CSS code added in there:

    .authors-list-cols-dir-horizontal .authors-list-col-4 {
    width: 33.33%!important;
}

    Due to the !important it takes priority over the CSS from the plugin that makes all columns go 100% on mobile.

    You can keep that CSS code but add this below it:

    @media only screen and (max-width: 767px) {
    .authors-list-cols-dir-horizontal .authors-list-col-4 { width: 100% !important; }
}
    Thread Starter jaimesebastian

    (@jaimesebastian)

    Thanks so much! <3

    Plugin Author WPKube

    (@wpkube)

    You’re welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘responsive columns’ is closed to new replies.