Change logo when resizing

[Navajo99]

Hi!

I have added this code and changed the URL to show my logo when the user scrolls down and the logo resizes it but there is a strange bug and it only shows part of the logo (see image)

‘.header-scrolled .logo img { display:none; }

.header-scrolled .navbar-header { background:url(‘https://archived.seventhqueen.com/wp-content/uploads/2016/10/7th-new-logo@2x.png’); background-size:cover; }’

Any idea why?

[Laura]

Hello, looks fine for me, what device are you using?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Navajo99]

Oh, I had to take the code off the website since it’s live. Check the screenshots with the code and without the code!

[Laura]

Hello, i see, but what look do you want to have exactly? For the logo, how should it be?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Navajo99]

Here you go:

– How the website looks when you scroll with the code and how it should look

Thanks for your help!

[Laura]

Hello, i see, but i need to see it online, can you activate the code so i can see it, then i will be able to give you a solution

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts