PCとMobileで表示させるコンテンツを変える方法

/* PC */
.pc { display:inline!important; }
.mb { display:none!important; }

/* タブレット・スマホ */
@media screen and (max-width: 768px) {
.pc { display:none!important; }
.mb { display:inline!important; }
}

詳しくは下記のサイトが便利です!

CSS入門
Screenshot
セキュリティ保守

WordPressでPCとスマホで表示させる画像を変えたいときの設定方法