Floe Posted February 26 Share Posted February 26 Site: www.nannasalver.com Password: Eigil2024! Hi there. I am desperate and I really need help with this clients website. For some both logo, nav items and CTA button in my header is missing. I have removed all html that could have something to do with it and also all css that might have something to do with it. But still it isn't showing. I have been in the process of making the site multi-languaged so it must be something that happened in that process, but as mentioned I have removed all of it again. PLEASE help me out here. THANK YOU! It is very much appreciated! Link to comment
Solution Web_Solutions Posted February 26 Solution Share Posted February 26 26 minutes ago, Floe said: Site: www.nannasalver.com Password: Eigil2024! Hi there. I am desperate and I really need help with this clients website. For some both logo, nav items and CTA button in my header is missing. I have removed all html that could have something to do with it and also all css that might have something to do with it. But still it isn't showing. I have been in the process of making the site multi-languaged so it must be something that happened in that process, but as mentioned I have removed all of it again. PLEASE help me out here. THANK YOU! It is very much appreciated! You have added this code on code injection section. Remove this code. <style> #header .header-display-desktop, #header .header-display-mobile{ opacity: 0; visibility:hidden; transform:translateY(-10px); } </style> Floe 1 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
Floe Posted February 26 Author Share Posted February 26 23 minutes ago, Web_Solutions said: You have added this code on code injection section. Remove this code. <style> #header .header-display-desktop, #header .header-display-mobile{ opacity: 0; visibility:hidden; transform:translateY(-10px); } </style> THANK YOU!!!!!!!! Link to comment
Floe Posted February 26 Author Share Posted February 26 28 minutes ago, Web_Solutions said: You have added this code on code injection section. Remove this code. <style> #header .header-display-desktop, #header .header-display-mobile{ opacity: 0; visibility:hidden; transform:translateY(-10px); } </style> Could you maybe help me with something else too? Thanks to you I solved the missing header elements, but now my problem is the placement of the nav items after I have set up the multi-languaged settings. I followed these steps: https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template and https://www.bradgood.net/articles/multi-language-squarespace-site-with-url-mapping, but because there is then some nav items that are not shown when on for example the english version - the showing nav items are moving away from the middle position. It looks different on the danish (DK) pages than on the english (EN) pages and I have tried resolving it with css, but I can't figure it out. Can you help me make the nav items be positioned in the middle and not stacked on both the danish sites and the english ones? I hope it makes sense. Link to comment
Web_Solutions Posted February 27 Share Posted February 27 On 2/26/2024 at 3:45 PM, Floe said: Could you maybe help me with something else too? Thanks to you I solved the missing header elements, but now my problem is the placement of the nav items after I have set up the multi-languaged settings. I followed these steps: https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template and https://www.bradgood.net/articles/multi-language-squarespace-site-with-url-mapping, but because there is then some nav items that are not shown when on for example the english version - the showing nav items are moving away from the middle position. It looks different on the danish (DK) pages than on the english (EN) pages and I have tried resolving it with css, but I can't figure it out. Can you help me make the nav items be positioned in the middle and not stacked on both the danish sites and the english ones? I hope it makes sense. Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. .header-display-desktop .header-nav-item--external { display: none !important; } body .header-display-desktop .header-nav-item--external:has(a) { display: block !important; } If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. 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