katerynalubska Posted February 20, 2023 Share Posted February 20, 2023 Hello, everyone! I have the following problem: In the editor, the navigation is displayed correctly, but when viewing the site itself, the right side of the navigation is hidden. If you go to the internal page of the site, the navigation works properly. https://www.lafemmeralu.com/ Link to comment
Ziggy Posted February 20, 2023 Share Posted February 20, 2023 What code have you used for the split navigation? It's certainly there, but not remotely displaying correctly: Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
katerynalubska Posted February 20, 2023 Author Share Posted February 20, 2023 15 minutes ago, Ziggy said: What code have you used for the split navigation? It's certainly there, but not remotely displaying correctly: (from this site: https://www.squarestylist.com/blog/secondary-navigation) this: .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: center!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 !important; } .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: 2.5em; margin-left: 0em; padding: .0em .0em; text-align: left; box-sizing: border-box; width: 185px; z-index: 10; padding-top: 0.5vw; } .header-nav-item--folder:hover .header-nav-folder-content, .header-nav-item--folder .header-nav-folder-content.focus-within { opacity: 1; pointer-events: auto; } .header-nav-item--folder:hover .header-nav-folder-content, .header-nav-item--folder .header-nav-folder-content.focus-within { opacity: 1; pointer-events: auto; } .header .header-nav-wrapper a { padding: 0; } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item { line-height:1.9em; } Link to comment
katerynalubska Posted February 20, 2023 Author Share Posted February 20, 2023 32 minutes ago, Ziggy said: What code have you used for the split navigation? It's certainly there, but not remotely displaying correctly: I noticed a pattern that navigation is hidden only on these pages Link to comment
Ziggy Posted February 20, 2023 Share Posted February 20, 2023 That isn't a solution that I've tried before, and I'm not sure why it would be working on some pages and not others. Can you ask in the message board on the website? @squarestylist Would you be able to help here? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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