katerynalubska Posted February 18, 2023 Share Posted February 18, 2023 Hello, everyone! Here's the problem: on the left is one size of the content folder, on the right is another. When I change the size of the box, it changes only on the right. https://lafemmeralucom.squarespace.com/ peachyblog Heeeepl 😠My code: /* nav hover */ .header-nav-item>a:hover { color: #EF9362 !important; } .header-nav-folder-item:hover a { color: #EF9362 !important; } .header-nav-item>a:hover:after { content: ""; display: block; height: 1px; background-color: #EF9362; margin-top: 5px; } // Folder Color // .header-nav-folder-content { background: #F9F2ED !important; } // Folder Link Color // .header-nav-folder-item a { color: #22181C !important; } @media(min-width:767px) { .col.wm-sticky-column { position:sticky; top: 150px; } } .header-actions .header-nav-item { padding-right:1.1vw !important; /**change as needed**/ } .header-nav-list { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end !important; -ms-flex-pack:end !important; justify-content:flex-end !important; .header-nav-item { padding-right:1.1vw !important; /**change as needed**/ } } .header-actions--right { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .header-actions .header-nav-item { padding-right:1.5vw !important;//change as needed } .header-nav-list { display:flex; justify-content:flex-start !important; .header-nav-item { padding-right:1.5vw !important; //change as needed } } .header-actions--right { display:flex; justify-content:space-between; } .header-nav-folder-content { opacity: 0; pointer-events: none; position: absolute; top: auto; margin-left: 0em; padding: .0em .0em; text-align: left; width: 100px; /* set the width to 185 pixels */ z-index: 10; } .header-nav-item--folder:hover .header-nav-folder-content, .header-nav-item--folder .header-nav-folder-content.focus-within { opacity: 1; pointer-events: auto; }  Link to comment
tuanphan Posted February 21, 2023 Share Posted February 21, 2023 It looks like you changed header layout. Do you still need help? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment