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

سلام دوستان

من با منوی آبشاری بوت استرپ اونم برای زیر منوها به مشکل خوردم. چون که وقتی موس میره روی منو زیر منوها به صورت اتوماتیک باز میشن و من نمیخوام این حالت ایجاد بشه و میخوام که با کلیک کردن روی هر آیتم از منو، آیتم بعدی باز بشه. این حالت در پلتفرم دسکتاپ مشکلی نداره اما برای موبایل خیلی اذیت میکنه.

ممنون

0

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


لینک به پست

آدرس سایتتون رو بزارید بررسی بشه.

اگر از لیست منو خود بوتسترپ استفاده شده باشه معمولا یک کد جی‌کوئری میزارن برای نمایش منوها با hover شدن!

1

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


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

سلام دوستان

من با منوی آبشاری بوت استرپ اونم برای زیر منوها به مشکل خوردم. چون که وقتی موس میره روی منو زیر منوها به صورت اتوماتیک باز میشن و من نمیخوام این حالت ایجاد بشه و میخوام که با کلیک کردن روی هر آیتم از منو، آیتم بعدی باز بشه. این حالت در پلتفرم دسکتاپ مشکلی نداره اما برای موبایل خیلی اذیت میکنه.

ممنون

درود

از کدام نسخه بوت استرپ استفاده میکنید ؟ منوی که داخل خود سایت بوت استرپ هست تا وقتی روی آن کلیک نشه باز نمیشه !

همچنین توجه داشته باشید چنین کدی در فایل CSS قالبتان موجود نباشد

@media (min-width:768px) {
ul.nav li.dropdown:hover > .dropdown-menu {
    display: block;
}
}

 

1

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


لینک به پست
در در 11/28/2017 at 22:39، djmostafa گفته است :

درود

از کدام نسخه بوت استرپ استفاده میکنید ؟ منوی که داخل خود سایت بوت استرپ هست تا وقتی روی آن کلیک نشه باز نمیشه !

همچنین توجه داشته باشید چنین کدی در فایل CSS قالبتان موجود نباشد


@media (min-width:768px) {
ul.nav li.dropdown:hover > .dropdown-menu {
    display: block;
}
}

 

سلام از نسخه 3.3.7 و از nav-walker برای ایجاد زیر منوهای بیشتر استفاده میکنم. اما بازم مشکل درست نشده.

ممنون میشم کمک کنید.

0

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


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

سلام از نسخه 3.3.7 و از nav-walker برای ایجاد زیر منوهای بیشتر استفاده میکنم. اما بازم مشکل درست نشده.

ممنون میشم کمک کنید.

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

0

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


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

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

لوکال هاسته. هنوز سایت نشده.

 

0

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط unid_user
      سلام و درود
      دوستان گرامی ، نمیدونم چرا وقتی صفحه مرورگر رو رفرش میکنم، تمام زیر منوها دیده میشه! کسی میدونه علت چیه.
      با اینکه من تگ ul رو diplay: none دادم.
      با تشکر و سپاس
    • توسط kalantari
      فهرستی داخل سایتم ساختم
      اما زمان اجرا داخل سایت، وقتی  از روی گزینه مادر می خوام به سمت گزینه فرزند (زیر منو) حرکت کنم کلا زیر منوها ناپدید می شن و نمی تونم منو و زیر منوها رو ببینم
      ممکنه راهنماییم کنید؟
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، من میخوام وقتی زیر منوها باز میشن از هم فاصله داشته باشن. اگه به منوها padding یا margin بدم درست میشه ولی فاصله ها خیلی زیاد میشن.
      با تشکر و سپاس

    • توسط javadmezgi
      با سلام و احترام خدمت همه برنامه نویسان عزیز.
      سایتی که که من با قالب آماده راه اندازی کردم، زیر منو ها رو نمایش میده
      اما
      این زیر منو ها کنار هم چیده می شوند.
      لطفا سایت رو مشاهده کنید
      hb2018.ir
       
      من میخوام که این زیر منو ها ، زیر هم قرار بگیرند نه کنار هم
      لطفا راهنمایی کنید
      با عرض پوزش با کد نویسی آشنایی ندارم. کد بخش mega meno رو از قسمت style.css  براتون در زیر آوردم.
      لطفا اگر نیاز به ویرایش داره راهنمایی کنید
      #top-menu{ -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 7px rgba(0,0,0,.2); box-shadow: 1px 1px 7px rgba(0,0,0,.2); } .navbar, .dropdown-menu, .navbar .nav>li>a, .dropdown-menu>li>a, .nav{ font-size: 14px; } .navbar-brand { font-size: 15px; } .megamenu>li>a, .navbar .navbar-nav>li>a { padding-right: 5px; padding-left: 5px; } .megamenu .menu-item-description { text-indent: 20px; } .megamenu .submenu-link { margin-bottom: 5px; padding: 5px; } .megamenu .dropdown-menu { padding-top: 10px; } .megamenu .dropdown-menu * { z-index: 10000; -webkit-backface-visibility: hidden; /* fix for chrome white flash */ } .megamenu .dropdown-menu a.submenu-title-link:hover, .megamenu .dropdown-menu a.submenu-child-link:hover{ font-weight: bold; padding-right: 0; padding-left: 10px; } .dropdown-menu { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .5s; animation-duration: .5s; } .megamenu .dropdown { position: static !important; } .megamenu .dropdown-menu a, .megamenu .menu-item-description{ display: block; } .megamenu .dropdown-menu * { white-space: nowrap; } @media screen and ( min-width: 768px ) { .megamenu > li.dropdown:hover > ul.dropdown-menu, .megamenu .open > .dropdown-menu { left: auto; display: table; border-right: 2px solid red; max-width: 85%; } .megamenu .menu-col { display: table; } } @media screen and ( max-width: 768px ) { .megamenu .nav{ display: initial; } .megamenu .open > .dropdown-menu { display: block; } .megamen .dropdown-menu li { display: block; } } .navbar-right.megamenu .dropdown-menu { left: auto; right: 1; } #bottom-navbar-collapse{ text-align: center; } #bottom-navbar-collapse .navbar-nav{ display: inline-block; float: none; } #bottom-navbar-collapse .navbar-nav>.active>a { background-color: inherit; background-image: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; }  
    • توسط unid_user
      درود
      برای داینامیک کردن یک منو به مشکل خوردم و واقعا خیلی برام سخته که با توابع وردپرس این منو رو داینامیک کنم. لطفا اگه کسی میتونه کمک کنه؟
      <div class="header-holder hidden-xs hidde-sm"> <div class="logo-wrap"> <div class="logo-resize"></div> <div class="logo">منوی خیلی سخت</div> </div> <ul> <li class="enable-hover" data-menu-position="1" id="about-hmenu"><span class="hoverColor"></span><a href="about.html"><i class="fa fa-user-o"></i>درباره ما</a></li> <li class="enable-hover" data-menu-position="7" id="contact-hmenu"><span class="hoverColor"></span><a href="contact.html"><i class="fa fa-phone"></i>تماس با ما</a></li> <li class="enable-hover" data-menu-position="9" id="blog-hmenu"><span class="hoverColor"></span><a href="blog.html"><i class="fa fa-graduation-cap"></i>آموزش</a></li> <li class="enable-hover" data-menu-position="10" id="portfolio-hmenu"><span class="hoverColor"></span><a href="portfolios.html"><i class="fa fa-handshake-o"></i>نمونه کارها</a></li> <li class="enable-hover" data-menu-position="11" id="services-hmenu"><span class="hoverColor"></span><a href="services.html"><i class="fa fa-laptop"></i>خدمات</a></li> </ul> </div>