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%;
|
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="mb-5 bg-green-light shadow2">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-6">
|
<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>
|
||||||
<div class="col-6 text-right">
|
<div class="col-6 text-right">
|
||||||
<a href="{{ route('Shop.Categories.show', ['id' => $shelve['id']]) }}"
|
<a href="{{ route('Shop.Categories.show', ['id' => $shelve['id']]) }}"
|
||||||
|
|||||||
Reference in New Issue
Block a user