Menu under header

[cermlichParticipant]

Hello Thomas,

criss cross looks fantastic. I do have some questions.

First: I have version 1.0.1. Is there a newer one?

Second: on my site http://lorbasswebservice.de the menu should look like http://boxes.thesislaboratory.com/welcome-bar-demo/ and should be under the header.

Best regards

Christian

[ThomasKeymaster]

Hey Christian,

Currently 1.0.1 is the latest version of the skin.

I am a little confused about your menu question, the demo you provided (boxes.thesislaboratory.com) actually uses the Classic Responsive skin, so the menu will not look the same on the Criss Cross skin.

You can however create a new menu in the Skin editor and place it below the header if you like.

[ThomasKeymaster]

Hey Christian,

Try this CSS code to add a little styling to your current menu:

.menu-header a {
 padding: 0 15px;
}
.menu .current-menu-item {
 background-color: #ffb03b;
}
.menu.menu-header {
 width: 100%;
 text-align: center;
}
.sub-menu li {
 text-align: left;
 padding: 8px 0;
}
.sub-menu a {
 color: #fff0a5;
}

[PastorTimParticipant]

Hey Thomas,

I added the css code that you provided above in the custom css area of my site, but it did not move my menu below my header.  I would also like to change the background color behind the header to black.   My site is http://www.inspirationalchoices.com

Thanks for the help.

Tim

[ThomasKeymaster]

To move the menu below your header you will need to use the Skin Editor and ‘shift + drag’ the menu block to the area of your page template you would like it to appear. In this case, you will place it directly below your header area and do so on whatever templates you want the menu to appear in this place.

The CSS code to make your header black can be found below. Simply add to your custom css area.

#header {
 background-color: #000;
}

Hope this helps

[PastorTimParticipant]

Hey Thomas,

Thank you for the assistance.  Took me a few minutes to remember how to do this but got it.  Thanks again.

Be Blessed

Tim

[Author]

Posts