Streaming live at 10am (PST)

Logo moving to lower sections


#1

I am using the Grow template for a new site, but when I replace the "Grow" logo with a figure, that figure will keep showing up on the right side as I scroll down all the way to the bottom. The behavior I expected and wanted was that the logo would only move up to the lower border of the top section, similar to what the Grow logo does in the original template

tried everything I could, and this probably has a fairly simple solution, but I am stuck and so looking for help. thoughts?

thanks


#2

do you have a preview link?


#3

sure: http://goo.gl/9NyjxG


#4

"ACCESS DENIED"

you need to enable the preview link in your website's settings

http://screencast.com/t/w8i00wy8km8Y


#5

strange, opens on my cell and another computer where I'm not logged in. please try http://cursosposgraduando.webflow.com/


#6

Works perfectly. Logo appears on left side. Try deleting your browser cache or use incognito mode on your browser and see if that works.


#7

sorry, i guess didn't know how to explain this, and so here is a video to make it clearer: http://goo.gl/KGAjsd

i tried this in different browsers, all of them with the same behavior and so I don't think it is a cache problem - logo goes all the way down in all browsers. if you look at the original Grow template hwoever, its logo does stop at the bottom of the upper section.

any on how I might be able to get the same behavior displayed in the original template?

thanks


#8

Ooooohhhhhh That's what you meant wink If so then you need some jQuery script for that to work. Contact me over Skype (details in my profile) and we'll work this out smile


#9

Thanks, but just so that I can understand it: Why is it that the template doesn't require a jquery while simply replacing the logo requires jquery.

Also, I definitely appreciate the offer to help through skype, but am on the road and so it would be hard for me to connect at this point. Any code snippets you or somebody else could point me to?

many thanks


#10

Hey @pietr007 can you post the video again? It says the video is private.

What I think you're running into is something to do with z-index. If the z-index of your logo is higher than anything then it will hover over everything. If the sections below the header have a higher z-index than the logo, then the logo will go underneath them and you won't be able to see it if you scroll down. You can find z-index at the bottom of the Position property set to Relative, Absolute, or Fixed. In your case the logo on the top is set to fixed. If you want it to go under the other sections remove the z-index or set the sections to Position: relative and set z-index to something higher than the z-index of the fixed logo.


#11