Hi,
Where can i adjust the height between logo and main navigation?
Thanks,
Tim
http://www.runners-high.nl
-
This topic was modified 11 years by
runnershigh.
You have to do this with custom CSS … basically add more padding or margin to the div element the logo resides in, or the class being used for the logo specifically on the desktop view.
I just had to do this myself actually… (look at your page source, find the logo, then look at the div above the container:
In my case using full width logo (add this to custom css panel in the theme panel):
.td-full-logo{padding-top:9px;padding-bottom:12px !important}
Christopher,
Thank you for your answer. I’m using the full text logo + menu. Code doesn’t work with this setting. Any advice?
Thanks,
Tim
Yes, look at your page source on a post page (do “view source” from your web browser), scroll down to find the logo element, which is above the search box section. Look at the div class right above the “container” for your logo. Find the class name, which probably has ‘logo’ in it. In my case it was td-full-logo; you need to obviously use the CSS class for the layout you’re using.
Hi,
Thanks Christopher!
@runnershigh You can use the .header-logo-wrap class but I have inspected your site and found that you don’t have any space left at the bottom of your logo just a margin at the top: http://screencast.com/t/xK6r1Vjc which you can set to 0 using the .header-logo-wrap class.
Thanks
Hi Lucian,
I’m not a coding wizard, so could you help me with this. What piece of code do I put where?
Thanks,
Tim
Hi,
Like this: http://screencast.com/t/VB75UlHjIQ
Use this custom css and add it in the custom css filed in theme panel: http://screencast.com/t/GxV5NSJrrN
.td-header-bg .header-logo-wrap {
margin-top: 0px;
}
Thanks