- Posts
I am using a template/theme provided through my inmotion hosting account called Vacation. I am trying to figure out how to reduce the open space in the header between the centered logo and the menu, as well as the space between the menu and the social media icon links. When I look at the theme in Customize, I see 2 identical edit blocks for the logo, one right under the other, but we only have 1 image loaded. How do you tighten up this open space to reduce the overall header height?
Thanks for the question about tightening up the open space in the template header area. When I inspect the site with the Chrome Inspect tool I see an invisible area called “div.site-branding” which appears to be an invisible H3 tag. I removed it using the non-destructive editing option and the space tightens up. Here’s the area I’m talking about:
You can use the information provided by the Inspect option in Chrome (or other browser) to find the CSS option and remove it. Make sure to make a backup before you make any changes. Here’s what it looks like:
If you want keep that header you’ll need to move it elsewhere on the page. I hope that helps to answer your question! If you require further assistance please let us know!
- The topic ‘Tightening Up The Open Space In A Template Header Area’ is closed to new replies.
