[FIX] website: fix alignment for narrow size of mega menu

This fixes a bug about alignment, which shifted the mega menu with the
narrow size by 50%. This bug was triggered in multiple headers:
- sidebar
- hamburger
- magazine

task-2502208

closes odoo/odoo#75877

X-original-commit: 1f54c7f5cb458b437a54ea0cde9c0df388c1f47d
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Brieuc-brd
2021-09-02 05:46:00 +00:00
committed by qsm-odoo
parent 97b103dcd2
commit e7d779add6
+7 -3
View File
@@ -1162,9 +1162,13 @@ header {
}
}
.o_mega_menu_container_size {
@include media-breakpoint-up(md) {
left: 50%;
transform: translateX(-50%);
$-header-template: o-website-value('header-template');
@if not index(('sidebar', 'hamburger', 'magazine'), $-header-template) {
$bp: if($-header-template == 'minimalist', md, lg);
@include media-breakpoint-up($bp) {
left: 50%;
transform: translateX(-50%);
}
}
$-mm-max-widths: ();