diff --git a/styles/css/vtex.menu.css b/styles/css/vtex.menu.css index 78a531b..cf50512 100644 --- a/styles/css/vtex.menu.css +++ b/styles/css/vtex.menu.css @@ -7,6 +7,23 @@ */ /* Media Query M3 */ /* Grid breakpoints */ +@media (max-width: 2561px) and (min-width: 1920px) { + .menuContainerNav--header-menu .menuContainer--header-menu { + margin-left: 308.08px; + } +} +.menuContainerNav--header-menu .menuContainer--header-menu .menuItem .styledLinkContainer { + margin-right: 15px; +} +.menuContainerNav--header-menu .menuContainer--header-menu .menuItem .styledLinkContainer .styledLink .styledLinkContent { + font-weight: 400 !important; + font-size: 12px !important; + line-height: 16px !important; + letter-spacing: -0.1em; + text-transform: uppercase; + color: #929292 !important; +} + @media (max-width: 1025px) and (min-width: 768px) { .menuContainerNav .menuContainer { margin-bottom: 14px; diff --git a/styles/sass/pages/product/vtexMenu/vtex.menu.scss b/styles/sass/pages/product/vtexMenu/vtex.menu.scss index 4e7f0ac..deae3b5 100644 --- a/styles/sass/pages/product/vtexMenu/vtex.menu.scss +++ b/styles/sass/pages/product/vtexMenu/vtex.menu.scss @@ -1,3 +1,28 @@ +//Header + +.menuContainerNav--header-menu { + .menuContainer--header-menu { + @media (max-width: 2561px) and (min-width: 1920px) { + margin-left: 308.08px; + } + .menuItem { + .styledLinkContainer { + margin-right: 15px; + .styledLink{ + .styledLinkContent{ + font-weight: 400 !important; + font-size: 12px !important; + line-height: 16px !important; + letter-spacing: -0.1em; + text-transform: uppercase; + color: $gray !important; + } + } + } + } + } +} + //Footer .menuContainerNav {