Jump to content
Sign in to follow this  
yeti1249

Logo over the separator

Recommended Posts

yeti1249

Hello everyone. Is there a way to put the logo over the separation line? Like here: mlcXn.png I You can see in the top logo - his arms are over the separation line. Is there a way to do that?

Share this post


Link to post
Share on other sites
Kate

Hi Vladimir, Yes, you can accomplish that with custom CSS.

Share this post


Link to post
Share on other sites
yeti1249

i am not good at coding. Could you help with it? I have logo with transparent background - so do I need to add padding to it to move it lower? or what parameter do I need to add or change?

Share this post


Link to post
Share on other sites
Guest Guest

What you're going to have to do is use a negative margin to push it down however many pixels it needs so that the hands are over the line but the bottom of the little dude rests on top of it. #brandnav .mainlogo-link and #brandnav .mainlogo-link img are the classes I believe you are looking for, so try plugging those into custom css and play around with the numbers, here's one possible example:

#brandnav .mainlogo-link img {top-margin: -10px;}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

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

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×