-
תגובות
-
היי.
אני מנסה להקטין את הלוגו של ה Header בcss.
אתם בטח שואלים למה לי לעשות דבר כזה אם יש אופציה כזאת דרך הממשק ה"התאמה אישית".
אז זהו, אני צריך את זה בשביל הקוד הזה:@media (min-width:992px) { .page-id-138 #header{display:none;} } @media (max-width:992px) { .page-id-138 #page-header{display:none;} body.rtl #header.logo-img {width: 25%;} }אני מנסה לגרום לזה שרק במובייל הלוגו יהיה קטן ב50%, וכמו שאתם רואים הקוד הזה לא כלכך הצליח לי בגלל השורה:
body.rtl #header.logo-img {width: 25%;}תוכלו לעזור לי בנוגע לזה?
לא הייתי ממליץ לך לשנות את גודל הלוגו באמצעות CSS. עדיף פשוט שתעלה לוגואים בגדלים המתאימים.
לגבי המובייל, שים לב שיש לך אפשרות לבחור לוגו נפרד למובייל ולוגו אחר למצב רגיל.
תגובה זו סומנה כפרטית.1. תוכל לפרט איך אתה רוצה שהלוגו יופיע בכל מסך?
בהתאמה אישית יש 2 אפשרויות להעלאת לוגו – הראשון לוגו רגיל לדסקטופ וטאבלט, והשני לוגו הידר דביק שמופיע גם במובייל.
ככה שאתה יכול להעלות לוגו מוקטן למובייל.
2. ב > אפשרויות תבנית > נגישות, יש לך אפשרות של הפעלה לפי מכשיר.
הלוגו הראשון שאני מעלה הוא לכל הפלטפורמות.. לא רק לדסקטופ ולאבא.
אולי זה יוכל להסביר את הבעיה שלי:הלוגו גדול מידיי, ואם אני משנה את הגודל שלו מ100% ל50%, הלוגו יקטן גם בדסקטופ
ואם אתה מכניס את הקוד הבא?
@media (max-width:768px) { body.rtl #header.logo-left .logo .logo-img{ width:50%;} }עובד! תודה רבה נועה!
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.