התאמות נפוצות ושינויים ללוגו

התאמות לוגו

הגדרות הלוגו (וגם הלוגו הדביק – אופציונלי) – נמצאות תחת BeTheme Options > Global > Logo.

יש להגדיר את הגובה של הלוגו ואת המרווחים (עליון+תחתון).

הגדלת הלוגו בתפריט הדביק:

#Top_bar.is-sticky #logo img.logo-sticky {
 max-height:80px !important;
  top:-3px !important;
}

הזזת הלוגו למטה:

  #Top_bar #logo img.logo-main {
 top:30px;
 position:relative;
}

התאמות נוספות

אפשר גם להרחיב את הסרגל העליון לרוחב מלא,
ניתן גם להחליף צדדים – תפריט ולוגו (כיום בלחיצת כפתור בקובץ ה-CSS הכללי Dan),
ובמקרים מיוחדים שהלוגו גולש – לוגו חורג מתוך התפריט.

החלפת הלוגו בגרסא אחרת בדפים פנימיים

ניתן להשתמש בקוד CSS הבא:

body:not(.template-slider) #Top_bar .logo a#logo  img.logo-main {
  content:url(https://www.esh-inv.com/wp-content/uploads/2022/01/logofooter.png);
}

ובסלולר:

  body:not(.home) #Top_bar #logo img.logo-mobile {
      content: url(https://www.esh-inv.com/wp-content/uploads/2022/05/logofooter.png);
}

הלוגו בתפריט הדביק

הגדלת הלוגו בתפריט הדביק:

#Top_bar.is-sticky #logo img.logo-sticky {
 max-height:50px;
}

התאמות רספונסיביות ללוגו

יש להחליט מהי הנראות של הלוגו בסלולר, ואז לבצע את ההתאמות הרספונסיביות בהתאם.

להפיכת הלוגו ללוגו מרחף (על רקע הסליידר הראשי, או הרקעים של ה-Subheader) – יש להשתמש בקוד הבא:

#Top_bar .logo {
  position:absolute;
  z-index:999;
  top:20px;
}
#Top_bar .column {
  height:0px;
}
#Top_bar {
  border:0px !important;
}

להפיכת הלוגו למרחף רק בדף הבית, יש להשתמש בקוד הבא:

.home #Top_bar .logo {
  position:absolute;
  z-index:999;
  top:20px;
}

*את הקודים יש לשים תחת הטווח הסלולרי.