אפשרות בתבנית אטלנטה

בסקופ הוספנו מאפיינים בתוך התפריט שמאפשרים לבחור צבע
באטלנטה זה לא קיים, אבל במידה ויש לך קצת ידע, אפשר לעשות את זה עם קצת CSS

תשתמש בקוד הבא:

.sf-menu > li.active, .sf-menu > li:hover, .sf-menu > li.current-menu-item, .sf-menu > li.current-menu-parent, .sf-menu > li.current-menu-ancestor, .sf-menu > li.current_page_item, .sf-menu > li.current_page_parent, .sf-menu > li.current_page_ancestor {
    background-color: #eee;
}

אבל שים לב שבמידה ואתה נותן לכל פריט ראשי בתפריט קלאס שונה, אתה צריך לדאוג לשכפל את הקוד הזה בהתאם ולהוסיף לזה את הקלאס הספציפי, לדוגמא:

.sf-menu > li.menu1.active, .sf-menu > li.menu1:hover, .sf-menu > li.menu1.current-menu-item, .sf-menu > li.menu1.current-menu-parent, .sf-menu > li.menu1.current-menu-ancestor, .sf-menu > li.menu1.current_page_item, .sf-menu > li.menu1.current_page_parent, .sf-menu > li.menu1.current_page_ancestor {
    background-color: #999;
}

תוסיף את האלמנט border-color: transparent לקוד הראשון ששמתי לך:

.sf-menu > li.active, .sf-menu > li:hover, .sf-menu > li.current-menu-item, .sf-menu > li.current-menu-parent, .sf-menu > li.current-menu-ancestor, .sf-menu > li.current_page_item, .sf-menu > li.current_page_parent, .sf-menu > li.current_page_ancestor {
    background-color: #eee;
    border-color: transparent;
}

לא הבנתי, באטלנטה זה בדיוק אותו מבנה של לוגו + תפריט. פשוט שם הורידו את התפריט כלפי מטה כדי שיוכלו להוסיף באזור העליון את הפרטים של העסק

אוקי, שם זה לא ממש בר עליון אלא רקע תמונה של ההידר. אבל בכל אופן תוכל לנסות לעשות ככה:
עיצוב > התאמה אישית > לוגו > ריווח מעל הלוגו -20px שים לב שהערך של ה Margin שלילי, ככה תשחק עם זה עד שיסתדר לך

כשמוסיפים תמונה כבר כותרת, זה אמור להתפרס לרוחב 100%.

תוכל לשלוח פרטי גישה?

אני לא רואה בעיה ברוחב הבר כותרת, תוכל לראות באותו עמוד שהבר כותרת מתפרס כרוחב 100%.