עיצוב תפריט

1. נסה להכניס את הקוד הבא ל-Live CSS:

.rtl #header.logo-left .nav-main{
border-style:solid;
border-width:thin;
}

2. שים לב שגם בתפריט הרגיל ולא הסטיקי, התפריט ירד שורה מתחת ללוגו.

זה קרה בגלל עומס בתפריט, והטקסט יחסית גדול.

כדי לסדר את זה ניתן להקטין את גודל הטקסט / לצמצם את המרווחים בין האלמנטים.

ניתן באמצעות קוד CSS לתת את ההגדרות האלה רק לסטיקי הדר כדי שבתפריט הלא סטיקי זה עדיין ימוקם מתחת ללוגו.

1. נסה את הקוד הבא:

.sf-menu > li > a {
    padding: 0;
}
.sf-menu > li > a > span {
    border-right: 2px solid;
    margin-right: 10px;
    padding-right: 10px;
}

2. קודם כל יש להעלות את התפריט לשורת הסטיקי.

נסה באמצעות הקוד הבא לצמצם את מרווחים בין האלמנטים בתפריט:

.sticky-header .sf-menu>li>a{padding-right:15px;}

אני לא רואה שום בעיה באתר.

רק בקוד במקום margin-right:10px; הכנס margin-right:7px;

כך הלוגו והתפריט יהיו באותה שורה.

ההודעה הזו "מרמה אה ?" לפעמים מוצגת בגלל תוסף כלשהו המותקן.