Jump to content

HELP! Everything in my header is missing and I can't figure out why!

Go to solution Solved by Web_Solutions,

Recommended Posts

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
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>

 

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
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
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.

Skærmbillede 2024-02-26 kl. 10.40.03.png

Skærmbillede 2024-02-26 kl. 10.40.17.png

Link to comment
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.

Skærmbillede 2024-02-26 kl. 10.40.03.png

Skærmbillede 2024-02-26 kl. 10.40.17.png

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.