How to remove additional divs between header and content

  • I’ve been messing around with a child theme for Hueman, and am trying to redesign my header. However I’ve bumped into this obstacle – there are two divs that come between my header and content and I need them removed so I can make a clean separation between the header and content.

    I have a screenshot here of what my site currently looks like (local copy): https://i.imgur.com/jnXEBvW.jpg

    With the code

    #header {
	background: #000 !important;
}

    Glancing through Firebug Lite it seems that the divs responsible for causing this problem are <div class=”sidebar-top group”> and <div class=”page-title pad group”> . But setting them to display:none doesn’t solve the problem either as the entire page layout becomes out of sync.

    What would be the cleanest way to get these divs removed so I can have a nice full-width black area as the header?

Viewing 1 replies (of 1 total)

  • Hi melangs. By “clean separation” do you mean you want to have a straight line across the bottom of the header so the content doesn’t “bump up” into the header area?

Viewing 1 replies (of 1 total)
  • The topic ‘How to remove additional divs between header and content’ is closed to new replies.