As you can see on my website troide.co , the logo looks fine on the front page, but it overlaps content on the other pages. Without tampering with the logo, how can i move my content down the page on all other pages except the home page so it isnt under the logo?
The same CSS is being applied to all pages.
Items which are {position:absolute} are removed from the flow of the page.
That works for you on the home page because you want the logo to overlay the slider.
Try this:
Apply #logo img {position:absolute} to the home page only and not all pages.
See if that gives the results that you want.
the logo on my homepage is already position absolute, took me forever to get it to overlap the slider and that was the solution. I just need to move the content down the page on every other page, thanks
Read my suggestion again… notice the words “only” and “not all”.
“postion:absolute” needs to target the logo image on the first page and not all pages.
fixed it thanks!
1 Like
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.