Hi, how can I float my logo like this?

I’m using header style 6. So floating/overlap the logo on the left side.
-
This topic was modified 9 years by
arnimation. Reason: better reference image
Hi,
That would probably require considerable modifications to the header template. The logo and menu are part of containers that are designed to display as they currently are. And also be responsive in all situations.
If you want to to try and make these modifications, use the browser inspector to identify the elements used and their classes an create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
But please note that it will not be an easy task. The menu and logo are dependent on each others position an containers.
Thanks
Can we get a quote on how much for this as a customization job?
Great! It’s – any help would be greatly appreciated. Thanks!
-
This reply was modified 8 years by
Simion C..
Hi,
Try a code like this for example
– https://www.screencast.com/t/fyfi6PMh
– https://www.screencast.com/t/edWioJAPe
Enter the code in Theme panel->Custom CSS if you decide to use it, I think that is what you wanted
.td-header-logo {
position:relative;
top:40px;
}
.td-header-menu-wrap.td-affix .td-header-logo{
top: 24px;
}
Thanks
Thanks Simion! Really appreciate it. Is it possible to set a bigger size for the logo?
Thanks Simion! We were able to make it bigger already. Kindly remove link and references to our site pls. Thanks.