[Solved] How to disable the background color of the menu ?

[roelof]

Hello,

Another problem I cannot find a answer to .
If you look at my site : http://test.tamarawobben.nl
you see that if the menu is not collapsed you see a “white” area.

Can I disable this so the on not collapsing the icons stays “white” but the rest is the background-color.

When the menu is collapsed the whole div can be “white”

[Senff]

Not entirely sure what you mean? Try adding this:

.boxA .box {
   background-color:transparent;
}

[roelof]

Hello,

Not working. When I do that the icons of the menu get also the background-color and also when the menu collapsed the menu has the background-color instead of “white”.

[Paulie_D]

It’s still not clear to me what the issue is but remove the bg color from ‘box`

.box {
background: #F0EFE9; /* remove this */
margin-bottom: 2em;
}

seems to fix it…if I am correct.

[Senff]

@paulie_d that would have the same effect as my solution but apparently that’s not the solution. I guess the problem is not really clear to us! :)

[roelof]

Hello,

I will try to make it clear.
When you look at my page you see after the icons of the menu a “white” area where the menu will slide above it.

But when you look at the orginal (http://codepen.io/EduardL/pen/aBGAy) you see only the background and not a “white” area.

[Paulie_D]

Nope…still not clear…

If you did what we have suggested it should work…at least I can’t tell the difference.

[Senff]

Indeed. @roelof — can you do what either Paulie or myself suggested to your site so we can see it ourselves and help out why it might not be working?

[roelof]

Thanks. but im giving up on this menu.
I think I will look for a tutorial how to make a menu like this site : http://albumartcollection.com/

Roelof

[Senff]

Why give up? It will be easy for us to help if you just show us.

[Paulie_D]

In any case, the linked item ‘cheats’…and uses sprites

[roelof]

Oke,

I put your solutions to my website.
On Firefox the overzicht has disappear again.
And on all browsers the other boxes the “white” area on the text has disappeared.

Roelof

[Paulie_D]

Try removing the float:left from .settings

[Senff]

And on all browsers the other boxes the “white” area on the text has disappeared.

I don’t see this in my browser, the white area is still there. I guess it’s just really unclear to me what you mean.

[roelof]

Thanks , FF problem solved.
What I mean is that you see four images on the site.
The text should be a “white” area.

See the orginal : http://www.freewebtemplates.com/download/free-website-template/tailpiece-565225423/demo/

Roelof

[Author]

Posts