Support » Plugin: Shortcoder » Excute in devices

  • Resolved anngrew

    (@anngrew)


    I am able to correctly show and hide shortcodes on desktop and mobile devices but I would like to have the same control for tablet-size devices too.

    For example, the same shortcode I only show on mobile devices, I would like to also show on tablet. And then I can hide the corresponding shortcode I have showing when only viewing on desktop.

    Is it possible for me to manually include media queries / responsive breakpoints?

    Thanks in advance

    Andrew

    PS: thanks for a great plugin – it has really been a big help 🙂

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

    (@vaakash)

    Hi Andrew,

    Thanks for using Shortcoder.
    Tablets are also considered mobile devices as the user agent varies a lot.

    I guess for your specific use case, you can use CSS to show hide the stuff you are using as shortcode content.

    May be you can refer this guide for the same.
    https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    You can include the CSS in your theme’s style.css file and use the CSS class in shortcode content or CSS in shortcode content itself.

    Thanks,
    Aakash

    Thanks for getting back to me so quickly. I’ve followed your suggestion and have found a way to use CSS to achieve what I am looking for.

    Andrew

    Plugin Author vaakash

    (@vaakash)

    Cheers !

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.