ヘッダー画像をスマホ・PCで変えたい。（フロントページのみ表示）

ヘッダー画像をスマホ・PCで違う画像にしたいのですが、
下記記述でスマホとPCを分けるところまでは出来たのですが、
これをフロントページにのみ表示しようとするととうまくいきません。
（固定ページをトップページにしています）

<?php if (wp_is_mobile()) :?>
<img src=”スマホ用画像”>
<?php else : ?>
<img src=”PC用画像”>
<?php endif; ?>

試しにこのように書いて入れてみましたが、
フロントページにのみ表示とはいきませんでした。

<?php if (is_front_page() && wp_is_mobile()) :?>
<img src=”スマホ用画像”>
<?php else : ?>
<img src=”PC用画像”>
<?php endif; ?>

正しいやり方を教えていただけますでしょうか。よろしくお願いします！
（php初心者です）