Oversized Logo + Overflow Bottom Border

Question

Hello,

I would like to accomplish a couple of things:

Customize the header HEIGHT to about 130-140px (Using Custom.css)
Use a logo that is 142px height, that OVERFLOWS the bottom header border into the video area. (top padding +30px, bottom padding -30px ????)

I have included 2 screen shots:

The first shot is my website (http://smarterwebtest.com/)
The second shot is what I am trying to accomplish with the logo hanging BELOW the border. (https://www.patriotliner.com/)

Thank you for your time !!!

SemiColonWeb · Accepted Answer

Hello,

Using the following code should work fine:
[ch_pre type="css"]#logo img {
position: relative;
bottom: -20px;
}[/ch_pre]

You can change the -20px value according to your needs.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

KennethLeoHodges · Answer

THANK YOU SO MUCH!!! YOU GUYS ROCK!!!

Semicolon Web · Answer

Very Happy to Help! :) Please do let us know if we can help you with anything else or if you find any further issues with Canvas.