-
AuthorPosts
-
June 27, 2014 at 11:48 am #284480
Hello,
My logo is a vertical logo, not square or horizontal. In this case I want the logo not to stop at the header borders but I want it to ‘drop’ over the main slider. The logo size is 135 x 196 px. Is there a custom CSS I can apply for this? I have added a screen shot in the private section.
Thanks!
June 27, 2014 at 11:53 am #284483June 27, 2014 at 12:42 pm #284510This reply has been marked as private.June 27, 2014 at 1:42 pm #284541Hey!
Thank you for the update.
Please add this on Quick CSS or custom.css:
.logo, .logo a { overflow: visible; } .logo a img { max-height: 196px !important; margin-top: -50px; }
Adjust the values if necessary.
Best regards,
IsmaelJune 27, 2014 at 1:46 pm #284544Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.logo, .logo a, .logo img { position: relative; left: 0; height: 120px; overflow: visible; max-height: 120px!important; padding: 0; }
Cheers!
YigitJune 27, 2014 at 2:07 pm #284554-edited— didn’t see Yigit reply yet. will also test that. —— Edit 2: Same issue with Yigit code: logo should be visible above top header and should remain there when scrolling down —
Thanks…almost done here. In the screenshot you see that the logo is actually on top of everything. It should be top of the screen (top header is now blocking the logo), also. when scrolling down the logo should disappear and remain in top and not scroll down. Is there some CSS that I can add to get this?
Thanks again for the quick service. I will recommend you guys
- This reply was modified 10 years, 5 months ago by vhgb.
June 27, 2014 at 2:22 pm #284568Hi!
Please add following code to Quick CSS as well
#header_meta { z-index: 1; } .logo { margin-top: -31px; }
Cheers!
YigitJune 27, 2014 at 3:13 pm #284589Hello, thanks, Almost there. The logo is not staying there when I scroll down. Is it possible that the logo (or top of the website) doesn’t scroll down. Or do I need to disable something in the header settings within the admin? As you can see the logo is blocking the visibility of the written content when scrolling down,
June 27, 2014 at 3:51 pm #284601Hey!
You can upload a half transparent logo instead if you would like logo to not to cover the content.
Cheers!
YigitJune 27, 2014 at 4:04 pm #284607THanks, I just changed the properties in the theme options (header). THanks for all. Case closed
June 27, 2014 at 4:06 pm #284609 -
AuthorPosts
- The topic ‘Make logo appear over slider’ is closed to new replies.