I have a problem with changing the background color of the primary menu.
When I change the color it is only for a width of 960 px as described in the primary-menu-wrapper.
There is still a white area, left and right from this wrapper.
In the previous version 1.6, the menu was a part of the header and its entire background was changed.
How can I solve this?

CommentFileSizeAuthor
#2 IE7.jpg200.03 KBtomsm
#2 firefox.jpg196.12 KBtomsm

Comments

jwolf’s picture

jwolf commented
Status: Active » Fixed

You can put a wrapper around primary-menu-wrapper, give it a 100% width and then give it your desired background color

for example in page.tpl.php:

    <div id="wrapper">

      <div id="primary-menu-wrapper" class="clearfix">
        <?php if ($primary_links): ?>
        <div id="primary-menu">
          <?php print $primary_links_tree; ?>
        </div><!-- /primary_menu -->
        <?php endif; ?>
      </div><!-- /primary-menu-wrapper -->

    </div>

#wrapper {
  background-color: #FF00A6;
  width: 100%;
}
tomsm’s picture

tomsm commented
StatusFileSize
new firefox.jpg196.12 KB
new IE7.jpg200.03 KB

Ok, that worked. Thank you!

I have another problem:

I have set the top-margin: -25px of this wrapper to decrease the height of the header section.
My logo appears behind the background of the wrapper in IE7. In Firefox it appears in front, as it should be.
I have set the z-index of the wrapper to -1, but this does not work. How can I fix this?
I have attached 2 screenshots: 1 of IE7 and 1 of firefox

tomsm’s picture

tomsm commented

I have found a solution:
I added margin-top: -25px to the primary-menu-header instead of to the "wrapper".

Thanks for you help!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.