We would like the Logo not to run in line with the menu, as our logo is square and makes the main menu thick in height according to our Logo size, Is there a way we can place the logo so that it is independent from the main menu height or that is overlaps the content below?
Thanks
Michael
Hi Michael,
For that kind of effect you would need to have a freelance developer write some custom css so that the responsive functionality is kept intact as well as no issues with cross browser support.
Regards,
Devin
ohh ok, Thanks Devin
Hi,
You can start with this:
Change the menu and logo container height:
/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 50px; line-height: 50px; }
Then change the logo size independently
.logo.bg-logo {
height: 100px !important;
}
Regards,
Ismael