truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: add mobile-specific background image styling to hero section

Browse Source
This commit is contained in:
Ümit Tunç
2026-06-23 11:10:28 +03:00
parent f1c7e57e43
commit e3e7ac7f18
1 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/templates/home/hero.blade.php
+23
View File
@@ -78,4 +78,27 @@
left: 50%; left: 50%;
transform: translateX(-50%) !important; transform: translateX(-50%) !important;
} }
@media (max-width: 767.98px) {
.image-wrapper {
background-image: none !important;
position: relative !important;
}
.image-wrapper::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100vh !important;
background-image: linear-gradient(rgba(30, 34, 40, 0.45), rgba(30, 34, 40, 0.45)), url('{{ $hero_bg }}') !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
z-index: -1 !important;
}
.image-wrapper .divider {
display: none !important;
}
}
</style> </style>