תפריט לא רספנוסיבי

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

את מתכוונת לאתר הרגיל?

את יכולה להכניס קוד CSS לפי רזולוציה, לדוגמה כך:

@media (min-width:1270px) and (max-width:1540px) {
.sf-menu>li>a {padding: 0 1.5em !important;}}

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

בכל אופן, בשביל לצמצם את הרווח בין הכפתורים, את יכולה להוסיף את ה-CSS הזה:

.sf-menu>li>a {
    padding: 0 .8em;
}