הגדרות הלוגו (וגם הלוגו הדביק – אופציונלי) – נמצאות תחת 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; }
*את הקודים יש לשים תחת הטווח הסלולרי.