アクセス

ここではGoogleマップのレスポンシブ化をどうするかだが、CSSで対応した。

アクセスマップ

住所：滋賀県大津市葛川細川町7
携帯電話：080-3824-1518
電話対応時間：9:00～18:00

※制作メモ
新しいスタイルシートはheader.phpの「header」部に<link rel=”stylesheet” href=”<?php echo get_template_directory_uri(); ?>/style-ppf.css” type=”text/css” />を追加した。（場所はstyle.cssがあるフォルダ）
そのstyle-ppf.cssに記述した一部は
●Googleマップのレスポンシブ化
.google-map {
position: relative;
width: 80%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.google-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}