feedbacksolo Posted November 15 Share Posted November 15 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! Link to comment
SaranyaDesigns Posted November 15 Share Posted November 15 @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 Link to comment
feedbacksolo Posted November 20 Author Share Posted November 20 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 Link to comment
Solution SaranyaDesigns Posted November 20 Solution Share Posted November 20 @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; } Link to comment
feedbacksolo Posted November 21 Author Share Posted November 21 Fantastic, thanks very much! SaranyaDesigns 1 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