VLabrie Posted March 26, 2023 Share Posted March 26, 2023 Hi folks, I've followed this video to make my client's site multilingual. I've added css to the FR/EN last navigation link to have it appear as a button to switch languages. It all works well on desktop, but somehow on the mobile navigation, the box around both FR and EN doesn't show up. I'm struggling to find the mobile code blocks, would love anyone's insight on what I'm missing. Screenshots attached of what it looks like on desktop vs mobile. Thank you! Link to comment
Solution tuanphan Posted March 30, 2023 Solution Share Posted March 30, 2023 Use this CSS (Design > Custom CSS) for mobile [data-folder="root"]>div>div:nth-last-child(-n+2) a { border: 1px solid black; padding: 10px; display: inline-block; } 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
VLabrie Posted April 10, 2023 Author Share Posted April 10, 2023 (edited) Thank you so so much! It worked perfectly! I've tried adding a hover to it with this: [data-folder="root"]>div>div:nth-last-child(-n+2) a:hover { background-color: #000; color: #fff; } And the black hover color works, but the text doesn't turn white. What do you think I'm missing? Edited April 10, 2023 by VLabrie Link to comment
tuanphan Posted April 12, 2023 Share Posted April 12, 2023 On 4/10/2023 at 4:56 PM, VLabrie said: Thank you so so much! It worked perfectly! I've tried adding a hover to it with this: [data-folder="root"]>div>div:nth-last-child(-n+2) a:hover { background-color: #000; color: #fff; } And the black hover color works, but the text doesn't turn white. What do you think I'm missing? Use this [data-folder="root"]>div>div:nth-last-child(-n+2) a:hover { background-color: #000; } [data-folder="root"]>div>div:nth-last-child(-n+2) a:hover div { color: #fff !important; } 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