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

TCDテーマSTYLY:パソコン用⇄スマートフォン用でグローバルナビゲーションが切り替わる画面幅を変更する。

Q.1280px以下の画面ではスマートフォン用のグローバルナビゲーションとなりますが、1200pxまでPCのグローバルナビゲーションを表示したい

A.該当ファイルを編集してください

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

<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(); ?>">

※※1280pxの値を任意(例では1200px)の値へ

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

 if (width > 1280) { //PC

   $("html").removeClass("mobile");
   $("html").addClass("pc");

   mobileMenu = false;

   if($("#mobile_menu").length){
     $("#mobile_menu").remove();
   }

   $("#menu_button").css("display","none");

   $("#global_menu").show();

   $("#global_menu li:not(.custom-taxonomy-menu)").hover(function(){
     $(">ul:not(:animated)",this).slideDown("fast");
     $(this).addClass("active");
   }, function(){
     $(">ul",this).slideUp("fast");
     $(this).removeClass("active");
   });

※※1280の値を(例では1200)へ

The following two tabs change content below.

ハリー

コーヒーが好きすぎて困っています。最近パンにもはまりました。

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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