diff --git a/css/layout/_header.css b/css/layout/_header.css index cf5df030..d3e271b3 100644 --- a/css/layout/_header.css +++ b/css/layout/_header.css @@ -28,6 +28,24 @@ z-index: 1000; } +/* Header spans the full page width: logo + menus flush left, buttons + + language flush right. Overrides the shared .container 1280px centering + for the header only (page content elsewhere stays centered). */ +.dropdown-header-navigation .container { + max-width: none; + padding: 0 40px; +} +@media (max-width: 768px) { + .dropdown-header-navigation .container { padding: 0 20px; } +} +/* Desktop split: the right-wrapper fills the row so the menus sit next to the + logo on the left, and the buttons + language get pushed to the far right. */ +@media (min-width: 1025px) { + .dropdown-header-navigation .header-right-wrapper { flex: 1; } + .dropdown-header-navigation .header-right-wrapper > nav { margin-left: 40px; } + .dropdown-header-navigation .navigation-actions { margin-left: auto; } +} + /* 2. Vsebina glave (logotip, navigacija) - POSODOBLJENO */ .logo-link .logo-img { height: 32px;