wordpresのファイルを編集しています。 スマホの時だけ画像が全部表示されないようになってしまいますが、特定の画像は表示させたいです。

Question

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
wordpresのファイルを編集しています。
スマホの時だけ画像が全部表示されないようになっています。

###発生している問題・エラーメッセージ
img要素全体に
display: none;
がかかってしまっています。

すべての画像を表示させたいだけではなく、
ひとつの画像だけ表示できればいいのですが、
どのようにしたらいいでしょうか。

###該当のソースコード
（html）

<div id="topbunner"  class="gutters contents">
	<a href="#"><img src="<?php bloginfo('template_url' ); ?>/images/tokyo.jpg" class="mvpc"  alt=""></a></div>

（css）

@media only screen and (max-width: 768px){
#topbunner{
  display:inherit !important;
  visibility:visible;
}

Comments

[dit.]

質問文のソースコードはコードブロックで囲ってください。質問は編集することができます。HTML、CSSそれぞれコード部分を選択して<code>ボタンを押してください。

[quasar_QSS]

ありがとうございます。コードブロックで囲みました。

[quasar_QSS]

表示させたい部分にdisplay:block;をかけたら解決しました。

[dit.]

https://teratail.com/help#resolve-myself　解決した方法をご自身で回答し、ベストアンサーをクリックし解決済みにしてください。

Answer 1

@media only screen and (max-width: 768px){
#topbunner{
  display:inherit !important;
  visibility:visible;
}

を

@media only screen and (max-width: 768px){
#topbunner{
  display:block !important;
}

にしたところ表示されるようになりました。