Full-width header + sidebar
The same parts in the opposite order: the header comes first and takes the full page width.
<body>
<flux:header sticky container>…</flux:header>
<flux:sidebar sticky>…</flux:sidebar>
<flux:main>…</flux:main>
</body>
header
sidebar
main
footer
The only difference from the previous arrangement is two swapped lines — the grid CSS does the rest.
Orders today
128
Sales today
184,500,000
Toman
Returns
7
Average rating
Latest orders
|
Product
|
Status
|
|
Amount
|
|---|---|---|---|
|
|
2 days ago |
13%
42,500,000
Toman
|
|
|
|
1 day ago |
1,890,000
Toman
|
|
|
|
6 hours ago |
30%
245,000
Toman
|
|
|
|
2 hours ago |
3,200,000
Toman
|
Flash deals
Ends in:
07
hours
42
min
00
sec