togoruu

I added the CSS using the plugin editor, at the end of my admin/assets/css/admin.css file in the test version of my site. Where did you add the CSS that it worked successfully?
Thanks

Thank you for spotting that. I’ve fixed it now, but both mobile and desktop captions are still showing on both mobile and desktop browsers

Hello, Thanks for your reply. I have been testing the new code on a test version of the site (it can be viewed using subdomain “test.”) The captions on the live site are gathered from the captions on the images in the WordPress media library. You are correct, they were copy/pasted, and I can work to remove that formatting if it will help.

Thank you for your help. I updated the code as you suggested, but I’m still seeing both the mobile and the desktop caption on both the desktop and mobile browsers. (even after clearing cache, reloading, etc)

Hi,
Thank you for your suggestions.
I added the classes towards the end of my admin/assets/css/admin.css file in the test version of my site. And I manually entered test captions in the slideshow image caption box using the formatting you suggested.

However, when I clear the cache and reload the site I now see BOTH the short and the long caption on BOTH desktop and mobile.

Because the screen sizes seemed to be counter-intuitive, I also tried switching the definitions to:

@media (min-width: 800px)
  .desktop-only {
    display: none !important;
  }
}
@media (max-width: 799px)
  .mobile-only {
    display: none !important;
  }
}

However, I achieved the same results (both captions are present on both desktop and mobile).
What might be wrong?