Two Banner Questions

[Chrissiest Chris]

Forum URL: bobsburgers.boards.net/

That would be 1; how do I stretch the banner all the way, no matter which screen you're on and 2; is this possible?



The red bar around everything? (This image is obviously just photoshopped)

[Chrissiest Chris]

Bumpidy bump-bump

[Brian]

Hi, Chrissiest Chris .

1. In Themes > Layout Templates > Forum Wrapper find this line:

<div id="wrapper">

And move it so that it comes after this line:

</header>

2. Add this to the bottom of Themes > Advanced Styles & CSS > Style Sheet on that theme.

#banner { border: 30px solid #c61010; border-bottom-width: 0; }

If you still want the menu to be centered following this change you'll need to go to Themes > Layout Templates > Forum Wrapper again and find this line:

<div id="navigation-menu" class="ui-helper-clearfix">

And add a new line after it, then place this on that new line:

<div id="navigation-wrapper">

Then find this section:

    </div>
</header>

$[participated_threads_link]

And add a new line before the closing </div>, then place this on that new line to close off the navigation-wrapper div tag you added in the step before this:

</div>

Finally, add this to the bottom of Themes > Advanced Styles & CSS > Style Sheet:

#navigation-wrapper { margin: 0 auto; width: @wrapper_width; }

[Chrissiest Chris]

Brian , the large border worked, but the only thing that got stretched was the forum content, while the banner stayed the same width

[Brian]

Following the first step in my post should have made the banner area span the entire width of your browser. I do not see this change in place on your forum, nor any of the changes involving the layout templates.

[Chrissiest Chris]

Natrually I reset it since it didn't work. I currently have it activated on my "TEST" theme, but it stretches out the content and not the banner... I want the exact opposite

[Brian]

Make sure you're moving <div id="wrapper"> so that it comes after the closing </header> tag, not the opening <header> tag.

The result of that move should be this: