Logo placed over both Topbar and Header

Question

Guys, fabulous template and cannot praise enough for all the options you have given us.
I have already completed 1 website with template and extremely happy.

Apologises if this is simple fix or answered before, I have tried various settings, Logo on topbar, Abs positioning etc etc and cannot fully get it correct or working. I am happy doing amendments but just cant nail this one.

Before I purchase another license can this setup be achieved.
Using Coroprate-2 with Menu-6 I want my Logo to spans the Topbar and Header and attached image to show what I mean.
I have added in the sizes to see if it helps.

Help much appreciated and any other information that you need please let me know.

SemiColonWeb · Accepted Answer

Hello,

Thank You so so much for the Kind Words! We Really Appreciate them! :)

According to the Attached Image, this should be pretty easy to achieve. Consider using the following CSS Code:


#logo {
	top: -35px;
	margin-bottom: -35px;
}

You can adjust the values according to your needs, or you can also restrict this to the Normal Header (non-sticky) or only on Larger Devices using Media Queries. Let us know if you need further help on this.

Hope this Helps!

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

Red99 · Answer

SOLVED Can't believe that simple, after all the settings I tried ! Thx :)

Semicolon Web · Answer

Hello, Glad that your issues were resolved. Very Happy to Help! :) Do let us know if we can help you with anything else or if you find any further issues with Canvas.