WordPressテーマTCDのカスタマイズを研究するサイト

BIRTHにてレスポンシブのブレイクポイントを調整する

Q.BIRTHでのブレイクポイントを調整したい

MacBookで開いた時にハンバーガーメニューで表示されてしまうので、ブレイクポイントを調整したいのですが変更することはできますか?

A.下記ファイルの該当箇所を編集します


編集するファイル:functions/head.php
編集する箇所:


<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/design-plus.css?ver=<?php echo version_num(); ?>">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sns-botton.css?ver=<?php echo version_num(); ?>">
<link rel="stylesheet" media="screen and (max-width:1280px)" href="<?php echo get_template_directory_uri(); ?>/css/responsive.css?ver=<?php echo version_num(); ?>">
<link rel="stylesheet" media="screen and (max-width:1280px)" href="<?php echo get_template_directory_uri(); ?>/css/footer-bar.css?ver=<?php echo version_num(); ?>">

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/design-plus.css?ver=<?php echo version_num(); ?>">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/sns-botton.css?ver=<?php echo version_num(); ?>">
<link rel="stylesheet" media="screen and (max-width:1270px)" href="<?php echo get_template_directory_uri(); ?>/css/responsive.css?ver=<?php echo version_num(); ?>">
<link rel="stylesheet" media="screen and (max-width:1270px)" href="<?php echo get_template_directory_uri(); ?>/css/footer-bar.css?ver=<?php echo version_num(); ?>">

※max-widthの値「●●●px」を調整ください。


編集するファイル:js/jscript.js
編集する箇所:

 if (width > 1270) { //PC

※max-widthの値「●●●px」と同じ値にしてください。

また、スマホやタブレットはキャッシュが残りやすい傾向にありますので必ず確認前にキャッシュを手動で削除してから確認して頂くようお願い申し上げます。

また大幅にブレイクポイントを変更いたしますと、デザインの崩れが発生する可能性がございますのでご注意くださいませ。

The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。