Menu – how to change distance between header, menu and what’s below?

[Anonymous]

Hi,

I would like to be able to move the menu a bit closer to the header, and then move what’s below the header closer to the menu. I’m using Front Page template and widgets to add elements there.

I could not find a relevant option in Editor style.css.

Many thanks
Kamil

[admin]

Hello Kamil,

Quote:

I would like to be able to move the menu a bit closer to the header, and then move what’s below the header closer to the menu.

Kamil, let me explain the HTML markup structure of your demand.

#header div encloses complete header i.e. Header Image/Logo and Navigation
#header-image-wrapper div encloses Header Image

So, you may change these relevant IDs according to your need. Here is an example,

Go to `Appearance > Contango Options > Extend Settings`
Select yes for Use Custom Style(s)
Here is the sample CSS Snippet,

#header {
margin: 0 0 30px 0; // Top Right Bottom Left
}
#header-image-wrapper {
margin: 20px 0; // Top/Bottom Right/Left
}[/CODE]

You may explore the other HTML markup by viewing the source code of your blog.
Thanks[CODE]#header {
margin: 0 0 30px 0; // Top Right Bottom Left
}
#header-image-wrapper {
margin: 20px 0; // Top/Bottom Right/Left
}[/CODE]

You may explore the other HTML markup by viewing the source code of your blog.
Thanks

[Author]

Posts