مشکل در نمایش منو

[astanedoost 10]

سلام؛ وقت بخیر

دوستان با منوی این سایت زمانی که با تبلت و موبایل بازش می کنیم مشکل داریم، (صفحه مرور گر سیستم هم که کوچیک کنید میشه بررسی کرد)

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

ممنون میشم راهنمایی کنید، تشکر

دمو

[davood_71 14]

با زبان انیگلیسی تست بزن ببین اون چه جوریه (اگر قالب های rtl و ltr جدا گونه داره) ، اگر با انگلیسی هم مشکل داره خب اون قالبش رو بد نوشتن (شایدم دست کاری شده)

اگر با انگلیسی سالم هست باید خوب بررسی شه ببینی مشکل چیه تو فارسی

اگر قالب دمو داره (اونجاییکه ساخته) ازش فایرباگ بگیر ببین استایل هایی که داره چی هست یه بررسی کامل بکن

[davood_71 14]

الان یه بررسی کردم

داخل قالب برید تابع زیر رو پیدا کنید :

.layout-mode-responsive .gf-menu-device-wrapper-sidemenu

مقدار right:0 رو به left:0 تغییر بدید درست میشه

منو اسکرول چپ و راست داره که نباید داشته باشه

اول درتسش کنید قبلی رو درست که شد خبر بدید اونو هم بهتون میگم چیکار کنید

[astanedoost 10]

ممنون، جایی ک فرمودید کدها به صورت زیر است؛ من left رو هم صفر قرار دادم اما تغییری نکرد.:

.layout-mode-responsive .gf-menu-device-wrapper-sidemenu {

-webkit-transition: left 0.2s ease-out;

-moz-transition: left 0.2s ease-out;

-o-transition: left 0.2s ease-out;

transition: left 0.2s ease-out;

position: fixed !important;

top: 0;

left: -280px;

right: 0;

bottom: 0;

margin: 0 !important;

z-index: 6000;

overflow: auto !important;

border: 0;

border-radius: 0;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

padding: 0;

width: 280px;

[davood_71 14]

توی همون تابع مقدار right=0 v رو به left=0 تغییر بدین

اگر تغییر نکرد ctrl+F5 بزن ، باز تغییر نکرد یکم صبر کن کشش خالی شه

چون من تغییر میدم تغییر میکنه

این کد میشه دقیقا :

.layout-mode-responsive .gf-menu-device-wrapper-sidemenu {

-webkit-transition: left 0.2s ease-out;

-moz-transition: left 0.2s ease-out;

-o-transition: left 0.2s ease-out;

transition: left 0.2s ease-out;

position: fixed !important;

top: 0;

left: 0;

bottom: 0;

margin: 0 !important;

z-index: 6000;

overflow: auto !important;

border: 0;

border-radius: 0;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

padding: 0;

width: 280px;

}