LABforBrands Posted May 22, 2023 Share Posted May 22, 2023 Hi, I would like to add a little flag icon next to the language on each tab. In the picture attached, see the top menu tabs, CATALÁ, CASTELLANO, ENGLISH, ITALIAN, FRANÇAIS. We have the problem that clients in the restaurant when they see the menu, they scroll down without noticing we have 5 different languages to choose from. Can someone help? Thanks! Link to comment
tuanphan Posted May 25, 2023 Share Posted May 25, 2023 Hi, Can you share link to this page? We can check easier 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
LABforBrands Posted May 29, 2023 Author Share Posted May 29, 2023 sure, here is the link: https://maroazul.squarespace.com/menu or https://www.maroazul.com/menu Thank you so much! 🙂 Link to comment
Solution tuanphan Posted June 1, 2023 Solution Share Posted June 1, 2023 On 5/29/2023 at 4:28 PM, LeafHappyCo said: sure, here is the link: https://maroazul.squarespace.com/menu or https://www.maroazul.com/menu Thank you so much! 🙂 Add to Design > Custom CSS div#block-646b1d3082b36c1b8a484a94 label:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; width: 20px; height: 20px; position: relative; top: 5px; margin-right: 5px; } div#block-646b1d3082b36c1b8a484a94 label:nth-child(1):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-catalan.svg); } div#block-646b1d3082b36c1b8a484a94 label:nth-child(2):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-espanol.svg); } div#block-646b1d3082b36c1b8a484a94 label:nth-child(3):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-ingles.svg); } div#block-646b1d3082b36c1b8a484a94 label:nth-child(4):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-italiano.svg); } div#block-646b1d3082b36c1b8a484a94 label:nth-child(5):before { background-image: url(https://maroazul.squarespace.com/s/maroazul-frances.svg); } 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
LABforBrands Posted June 4, 2023 Author Share Posted June 4, 2023 WOW! This is perfect, thank you so much!!!!! tuanphan 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