chg: reduce shelve title font size on small screens (< 430px)
This commit is contained in:
@@ -436,3 +436,17 @@ div.megamenu ul.megamenu li.megamenu.level1
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* -- Titres des rayons -- */
|
||||
|
||||
.shelve-title {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
/* -- Responsive: très petites résolutions (< 430px) -- */
|
||||
|
||||
@media (max-width: 429.98px) {
|
||||
.shelve-title {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="mb-5 bg-green-light shadow2">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h1 class="p-2 green" style="font-size: 2em;">{{ $shelve['name'] }}</h1>
|
||||
<h1 class="p-2 green shelve-title">{{ $shelve['name'] }}</h1>
|
||||
</div>
|
||||
<div class="col-6 text-right">
|
||||
<a href="{{ route('Shop.Categories.show', ['id' => $shelve['id']]) }}"
|
||||
|
||||
Reference in New Issue
Block a user