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

با سلام و احترام خدمت همه برنامه نویسان عزیز.

سایتی که که من با قالب آماده راه اندازی کردم، زیر منو ها رو نمایش میده

اما

این زیر منو ها کنار هم چیده می شوند.

لطفا سایت رو مشاهده کنید

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;
}

 

0

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


لینک به پست

@javadmezgi

سلام 

به انجمن خوش آمدید.

برای حل مشکل و نمایش زیر منو ها در یک خط لطفا این کد رو به فایل style.css قرار بدید. save کنید و خروجی رو مشاهده کنید.

.megamenu .menu-col {
    display: contents !important;
}

 

 

1

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


لینک به پست
در 34 دقیقه قبل، m4xs051 گفته است :

@javadmezgi

سلام 

به انجمن خوش آمدید.

برای حل مشکل و نمایش زیر منو ها در یک خط لطفا این کد رو به فایل style.css قرار بدید. save کنید و خروجی رو مشاهده کنید.


.megamenu .menu-col {
    display: contents !important;
}

 

نقل قول

با سلام و احترام و تشکر از اینکه وقت گذاشتید.

بنده کد مورد نظر را در مکانی که گفتید قرار دادم. اما تغییر به عمل نیامد.

لطفا اگر می توانید بیشتر راهنمایی نمایید 

با تشکر

 

 

0

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


لینک به پست

@javadmezgi

خواهش میکنم.

کد رو تو این فایل قرار بدید. ببینید جواب میده یا نه.

wp-content/themes/free-template/rtl.css

0

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


لینک به پست
در 41 دقیقه قبل، m4xs051 گفته است :

@javadmezgi

خواهش میکنم.

کد رو تو این فایل قرار بدید. ببینید جواب میده یا نه.

wp-content/themes/free-template/rtl.css

باسلام مجدد خدمت شما

کد مورد نظر را  قرار دادم و درست شد بی نهایت سپاس از شما

لطفا سایت را ببینید

hb2018.ir

زیر منو ها از سمت راست و چپ به خط قرمز چسبیده اند. آیا راهی است که کمی از خط فاصله بگیرند؟

باتشکر

1

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


لینک به پست

@javadmezgi

خواهش میکنم.

این کد رو هم تو مسیری که گفتم قرار بدید:

.megamenu .menu-col a {
    margin-right: 8px;
    margin-left: 8px;
}

 

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط rahmani.id.ir
      سلام
      با افزونه فونت ماندگار فونت بخش‌های مختلف رو تغییر دادم اما هر کاری کردم فونت منو تغییر نکرد.
       
      لطفا راهنمایی بفرمایید
    • توسط Ahmad64
      سلام وقت بخیر
      ما یه وب سایت جدید وردپرس را انداختیم فقط نحوه ساخت منو و کتگوری رو متوجه نشدیم ممنون میشم راهنمایی کنید.
      منوی اصلی (کنار لوگو ) = صفحه اصلی - بررسی تخصصی موبایل - بررسی تخصصی تبلت - بررسی تخصصی گجت های پوشیدنی (به ترتیب اولویت - بدون زیرشاخه)
      راحتتون کنم میخوام طوری بشه که وقتی میخوایم ویدیو آپلود کنیم بتونیم ویدیورو ببریم توی یکی از اون شاخه ها.
      ممنون میشم راهنمایی بفرمایید.
       
    • توسط vazizi69@yahoo.com
      سلام 
      چطور میتونم برای صفحه اصلی سایت و صفحه فروشگاه و یا برگه های دیگه برای هر کدوم  فهرست منو ( منوی اصلی افقی بالای صفحه ) متفات داشته باشم 
      مثلا منوی افقی بالای صفحه مخصوص محصولات رو فقط تو صفحه فروشگاه دیده بشه و در صفحه دیگه ای از سایت منوی دیگه ای رو تنظیم کنم که نشون داده بشه
    • توسط stevej
      سلام من یک افزونه برای وردپرس یا ووکامرس میخوام که منوش رو به همچین شکلی در بیاره لطفا بهم معرفی کنید اگر میشناسید

    • توسط Siaavash
      یک سایت هست که چندین صفحه داره به صورت زیر:
      1- صفحه اصلی
      2- درباره ما
      3- تماس
      4- صفحه نمونه کارها
      5- صفحات هر نمونه کار
      منوی این سایت به صورت همبرگری طراحی شده. می خوام کاربر توی هر صفحه ای که هست وقتی روی منو کلیک می کنه لینک صفحات دیگه نمایش داده بشه. برای مثال:
      وقتی کاربر داخل صفحه اصلی هست لینک شماره های 2-3-4 نمایش داده بشه، و وقتی داخل صفحه تماس هست لینک شماره های 1-2-4 نمایش داده بشه و وقتی داخل صفحات 5 هست لینک شماره های 1-2-3-4 نمایش داده بشه داخل منو
       
      راه حل درست و اصولی برای پیاده کردن این مورد چیه؟