אטלנטה – לוגו ברוחב מלא

יש לך ידע כלשהו ב HTML ו CSS ?

אוקי, אז דבר ראשון אתה צריך להשתמש בתבנית בת, ואז אני אכין לך קובץ להחלפה של ההידר

מה שכן, אני כבר רואה שתהיה בעיה עם ה"הידר דביק", שם אין יותר מידי אפשרות לשחק עם זה…

התפריט צריך להיות ממורכז, נכון?

דבר ראשון

– יש להוריד את הקובץ קוד מפה: https://gist.github.com/arielk/b28ffee65c8590ded303
– מצד ימין מופיע כפתור בשם Download Gist זה יוריד לך קובץ ZIP שבתוכו יש קובץ PHP בשם: header.php
– יש להכניס את הקובץ PHP לתוך התיקיה הראשית בתבנית בת.

לאחר מכן יש להכניס את הקוד CSS הזה אל Live CSS – או אם אתה עובד נכון יותר תוסיף אותו אל הקובץ assetes/css/style.css בתבנית בת:

@media (min-width: 768px) {
	#header {
		height: auto !important;
	}
	#header .logo,
	.rtl #header .logo {
		float: none !important;
		max-width: 100%;
		text-align: center;
	}
	#header .logo-img a > img {
		width: auto !important;
	}
	.rtl #header .nav-main,
	#header .nav-main {
		float: none !important;
		max-width: 100%;
	}
}

בהצלחה!