תכנון אתר מיני סייט

שלום רב,

האם ניסית להוסיף לה את הקוד position: fixed ?

בגדול זה תלוי בסגנון העיצוב, תוכן וכד' שאתה רוצה לתת לאתר, ככה שאין לי המלצה ספציפית.

הייתי ממליץ לך להתשמש בתבנית Leader ותגדיר את התמונה הראשית הזאת כרקע של ההידר ותתן להידר את הגובה של התמונה

1. נסה לתת לאזור בו ממוקם הווידג'ט תמונה שם קלאס מותאם אישית לדוגמה header-image

לאחר מכן תתן לו את הקוד הבא:

@media (min-width:768px) {
.header-image{
position: fixed;
z-index:1;}
}

תעדכן אם זה עובד.

2. האם ניסית באמצעות padding?

3. לצערי אין אפשרות מובנית בתבנית הזו, אך ניתן באמצעות קוד #header{height}

4. לצערי אין אפשרות כזו.

5. נסה לתת לאזור בו ממוקם הווידג'ט תמונה שם קלאס מותאם אישית לדוגמה header-image

לאחר מכן תתן לו את הקוד הבא:

@media (min-width:768px) {
.header-image{
position: fixed;
z-index:1;}
}
תעדכן אם זה עובד.

1. לצערי אין אפשרות מובנית בתבנית הזו, אך ניתן באמצעות קוד #header{height}

2. לצערי אין אפשרות כזו.

3. האם ניסית באמצעות padding?

1. בהתאמה אישית > ניווט, הגדר את גובה התפריט כ – 50px.

ואז הכנס את הקוד הבא:

@media (min-width:768px) {
body.rtl #header.logo-right .nav-main{margin-top:600px;}
}

@media (min-width:980px) {
body.rtl #header.logo-right .nav-main{margin-top:300px;}
}

עדכן אם זה עוזר.

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

תוסיף את הקוד הבא בשביל האנגלית:

@media (min-width:768px) {
#header.logo-right .nav-main{margin-top:600px;}
}

@media (min-width:980px) {
#header.logo-right .nav-main{margin-top:300px;}
}