javadmezgi 1 ارسال شده در مهر 97 گزارش بازنشر ارسال شده در مهر 97 با سلام و احترام خدمت همه برنامه نویسان عزیز. سایتی که که من با قالب آماده راه اندازی کردم، زیر منو ها رو نمایش میده اما این زیر منو ها کنار هم چیده می شوند. لطفا سایت رو مشاهده کنید 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; } نقل قول لینک به ارسال
sajad 731 ارسال شده در مهر 97 گزارش بازنشر ارسال شده در مهر 97 @javadmezgi سلام به انجمن خوش آمدید. برای حل مشکل و نمایش زیر منو ها در یک خط لطفا این کد رو به فایل style.css قرار بدید. save کنید و خروجی رو مشاهده کنید. .megamenu .menu-col { display: contents !important; } 1 نقل قول لینک به ارسال
javadmezgi 1 ارسال شده در مهر 97 مالک گزارش بازنشر ارسال شده در مهر 97 در 34 دقیقه قبل، m4xs051 گفته است : @javadmezgi سلام به انجمن خوش آمدید. برای حل مشکل و نمایش زیر منو ها در یک خط لطفا این کد رو به فایل style.css قرار بدید. save کنید و خروجی رو مشاهده کنید. .megamenu .menu-col { display: contents !important; } نقل قول با سلام و احترام و تشکر از اینکه وقت گذاشتید. بنده کد مورد نظر را در مکانی که گفتید قرار دادم. اما تغییر به عمل نیامد. لطفا اگر می توانید بیشتر راهنمایی نمایید با تشکر نقل قول لینک به ارسال
sajad 731 ارسال شده در مهر 97 گزارش بازنشر ارسال شده در مهر 97 @javadmezgi خواهش میکنم. کد رو تو این فایل قرار بدید. ببینید جواب میده یا نه. wp-content/themes/free-template/rtl.css نقل قول لینک به ارسال
javadmezgi 1 ارسال شده در مهر 97 مالک گزارش بازنشر ارسال شده در مهر 97 در 41 دقیقه قبل، m4xs051 گفته است : @javadmezgi خواهش میکنم. کد رو تو این فایل قرار بدید. ببینید جواب میده یا نه. wp-content/themes/free-template/rtl.css باسلام مجدد خدمت شما کد مورد نظر را قرار دادم و درست شد بی نهایت سپاس از شما لطفا سایت را ببینید hb2018.ir زیر منو ها از سمت راست و چپ به خط قرمز چسبیده اند. آیا راهی است که کمی از خط فاصله بگیرند؟ باتشکر 1 نقل قول لینک به ارسال
sajad 731 ارسال شده در مهر 97 گزارش بازنشر ارسال شده در مهر 97 @javadmezgi خواهش میکنم. این کد رو هم تو مسیری که گفتم قرار بدید: .megamenu .menu-col a { margin-right: 8px; margin-left: 8px; } 2 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .