سلام
برای هدر فقط css رو با اینسپکتور مرورگر تغییر دادم.
.headerbar{
background-blend-mode: multiply,multiply,normal;
background-image: linear-gradient(150deg, rgba(228, 228, 228, 0.54) 0%, rgba(228, 228, 228, 0.54) 54.9%, rgba(228, 228, 228, 0) 55%, rgba(228, 228, 228, 0) 100%),linear-gradient(to bottom left, rgba(216, 216, 216, 0.54) 0%, rgba(216, 216, 216, 0.54) 49.9%, rgba(216, 216, 216, 0) 50%, rgba(216, 216, 216, 0) 100%),linear-gradient(-89deg, #e95420 0%, #772953 42%, #2c001e 94%);
background-position: bottom left,bottom 0 right,0% 0%;
background-repeat: no-repeat;
background-size: 100% 100%,60%
}
.headerbar_overlay_darken{
background-color: transparent;
}
این خطوط رو به فایل cssـی که برای رفع مشکلات قالب بود اضافه کردم:
/* زیبایی: نرم شدن بالابر */
html{
scroll-behavior: smooth;
}
خط ۱۶ کد html رو به این شکل تغییر دادم:
<a class="u-navbar--list--a" href="https://www.ubuntu.ir">صفحه اصلی</a>
فایل css رو هم پیوست میکنم. تغییراتش زیاده. فقط چون فرمت css اجازه پیوست نداره فرمتشو تغییر دادم.