Wordpressでスマホのハンバーガーメニューに「メニュー」と記載する

Wordpressで、レスポンシブのスマホのハンバーガーメニューが分かりにくい

↓

CSSにて

@media screen and (max-width:599px){
  button.menu-toggle::after{content: "  メニュー";}
}



などと記載




Powered by NP145 PiyoPiyo HiyokoWeb

wordpressでスマホでは画像の回り込みを解除

Wordpressで、レスポンシブ表示のスマホにて、画像を幅フルサイズ表示させたい。

↓

CSSにて


@media screen and (max-width:599px){
 img{
  margin-bottom:10px;  /* 下のコンテンツまでの余白 */
}
img.size-medium,img.alignright,img.alignleft {
  width:100%;

  overflow: hidden;
  margin:0;
}
}



などと記載。


もしくは、

img {

    max-width: 100%;

    height:auto;

}

 

などで、画像を画面に合わせて最大化。

Powered by NP145 PiyoPiyo HiyokoWeb