6 پست در این موضوع قرار دارد

سلام

منو سایت من تو موبایل نمایش داده نمیشه افزونه های Responsive Menu و WP Responsive Menu رو هم نصب کردم هیچ کدوم کار نمیکنن

اینم سایتم www.rosemerry.ir

0

به اشتراک گذاری این پست


لینک به پست
در 3 ساعت قبل، hosein10 گفته است :

سلام

منو سایت من تو موبایل نمایش داده نمیشه افزونه های Responsive Menu و WP Responsive Menu رو هم نصب کردم هیچ کدوم کار نمیکنن

اینم سایتم www.rosemerry.ir

با سلام.

مشکل باید از فایل js باشه.
توی سایز نمایش کوچک چک کردم، منو ها توی سورس هستند اما display:none دارن. برداشتم اینه که مشکل از کدهای js هست که موقع کلیک روی "منو" باعث تغییر استایل منو و تغییر خاصیت display نمیشه.

 

پ.ن: من پلاگین هایی که فرمودید کار نکردم تابحال.
الآن شما این منویی که توی سایت هست رو با استفاده از اون پلاگین ها ایجاد کردید ؟

1

به اشتراک گذاری این پست


لینک به پست

من تمام سعیم رو کردم ب واضح ترین شکل کدش رو بزنم :

var menu = document.getElementsByClassName("menu-toggle");
menu[0].onclick = function showing(){
  var a = document.getElementsByClassName("menu");
  if(a[0].style.display == "block")
    a[0].style.display="none";
  else
    a[0].style.display="block";
}

این رو میتونید بین دوتا تگ script بذارید یا توی یکی از فایل های جاوااسکریپت که توی سایت ران میشن قرار بدید ;-)

2

به اشتراک گذاری این پست


لینک به پست
در 2 ساعت قبل، start گفته است :

با سلام.

مشکل باید از فایل js باشه.
توی سایز نمایش کوچک چک کردم، منو ها توی سورس هستند اما display:none دارن. برداشتم اینه که مشکل از کدهای js هست که موقع کلیک روی "منو" باعث تغییر استایل منو و تغییر خاصیت display نمیشه.

 

پ.ن: من پلاگین هایی که فرمودید کار نکردم تابحال.
الآن شما این منویی که توی سایت هست رو با استفاده از اون پلاگین ها ایجاد کردید ؟

نه با این افزونه نیست منو واسه خود قالبه

0

به اشتراک گذاری این پست


لینک به پست
در 2 ساعت قبل، majid1889 گفته است :

من تمام سعیم رو کردم ب واضح ترین شکل کدش رو بزنم :


var menu = document.getElementsByClassName("menu-toggle");
menu[0].onclick = function showing(){
  var a = document.getElementsByClassName("menu");
  if(a[0].style.display == "block")
    a[0].style.display="none";
  else
    a[0].style.display="block";
}

این رو میتونید بین دوتا تگ script بذارید یا توی یکی از فایل های جاوااسکریپت که توی سایت ران میشن قرار بدید ;-)

ممنون

تگ script کجاست تو کدوم فایله؟  میشه بیشتر توضیح بدین

0

به اشتراک گذاری این پست


لینک به پست

به اینصورت منظورشون هست:
 

<script>
  کد شما
</script>

 

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط kalleh0121
      سلام من میخوام منو سایتم رو با اسکرول ثابت نگه داشته باشم و وقتی موس روی هر دسته میره زیر دسته ها رو به صورت کشویی از سمت چپ  نشون بده (اما در حالت عادی زیردسته ها رو به صورت کشویی از پایین نشون میده که روی دسته ی مادر رو میپوشونه ) کد css رو قرار دادم ممنون میشم کمکم کنید
      /* main navigation */ #nav { background: url(../../images/topnav.jpg) repeat-x bottom #322C2C; min-width: 990px;} #nav-content { margin: 0 auto; width: 978px; } #nav .sf-menu { line-height: 1.1; max-width: 770px; } #nav .sf-menu a { display: block; text-decoration: none; padding: 8px 12px 11px; color: #AAA; font-size: 14px; font-family:Yekan; } #nav .sf-menu ul li { border: 1px solid #474331; margin-top: -1px; } #nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu ul li { background: #373331; color: #FFF; } #nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu ul li:hover { color: #373331; background: #FFF; } #nav .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; } #nav .sf-menu li li a { padding: 7px 10px; line-height: 1; height: auto; font-size: 12px; font-family:Yekan; } #nav .sf-menu .sf-with-ul { padding-left: 15px; } #nav .sf-sub-indicator { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; right: 7px; top: 0; vertical-align: middle; } #nav .sf-menu ul .sf-sub-indicator { display: none; } #nav .quick-nav li { padding-top: 8px; } .quick-nav li { padding: 5px 8px 0 0; } .quick-nav a:link, .quick-nav a:visited { display: block; text-indent: -9000px; width: 16px; height: 16px; float: right; clear: right; opacity: 0.6; } .quick-nav a:hover { opacity: 1; }  
    • توسط AFG Boy
      سلام
      چه طوری می تونم منوی این سایت رو طراحی کنم
      وقتی هم اسکرول میکنم ثابت هستش
      تشکر