feedbacksolo Posted November 15, 2023 Posted November 15, 2023 Hi there, I'd like to make this website show one of the two drop down menus at all time (not just on hover) - so if a page on the Svenska side is active, the Svenska menu remains visible, and if a page on the English side is selected the English menu is showing. Is this possible? https://www.isaholmgren.com/biografi Screenshot attached of how I would like it to appear. Thanks for your help!
SaranyaDesigns Posted November 15, 2023 Posted November 15, 2023 @feedbacksolo Try adding this to your custom CSS: .header-nav-list .header-nav-item:first-of-type .header-nav-folder-content { opacity: 1; } tuanphan 1
feedbacksolo Posted November 20, 2023 Author Posted November 20, 2023 Thanks so much, I really appreciate the help! The code you shared made it so the Swedish side was always visible even if you were on an English page, so I modified it so they were both visible (by taking out "first-of-type"). But with both the original code and the change, the links in the menu that it shows aren't clickable unless you move the cursor over them from above (through the word Svenska or English) - if you just hover over the links, they aren't active. Do you know if there is a way around that? https://www.isaholmgren.com/biografi
Solution SaranyaDesigns Posted November 20, 2023 Solution Posted November 20, 2023 @feedbacksolo weird, ok try adding this as well to prevent them from overlapping each other: .header-nav .header-nav-item--folder, .header-nav-folder-content { min-width: 100px !important; } and then update the original code I gave you to include the following: .header-nav-list .header-nav-item:first-of-type .header-nav-folder-content { opacity: 0.7; pointer-events: auto; }
feedbacksolo Posted November 21, 2023 Author Posted November 21, 2023 Fantastic, thanks very much! SaranyaDesigns 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment