Twenty Eleven theme – secondary menu position problem

Hello matthisco change the width to 75% or what ever to suit your needs.

#primary {
    background-image: url("images/menubar.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    margin: 0 -260px 0 0;
    width: 75%;
}

Kind regards

Thanks very much for the reply.

I’ve got the primary and secondary divs sorted.

I’ve added a div to display a background graphic, which was originally set to the background of #primary, in page.php

Can you plase tell me how I can make the primary and content div transparent, so the background graphic is visible?

Thanks again

Try the following

background-color: transparent!important;

Thanks again, that works great.

The only problem I have now, is the width of the site is being pushed out further than 980px. I’ve attached a screenshot, It seems to be the secondary div thats doing it – any help much appreciated.

https://www.walsallccg.nhs.uk/ss.gif

Thanks again

Make sure that your margins plus the width of each div container equals to 980px or less.

You can try the following code:

#rightmenu { ///.... this can be your right column
float: right;
width: 110px;
margin-right: auto;
margin-left: auto;
}

#mainbody { ////....this can be your content
float: left;
width: 780px;
}

body { ///.... this can be your wrapper....
margin-right: auto;
margin-left: auto;
width: 890px;
}

The above is just an example………..

If you are having problems I can share a bit of a cheap trick ?? Install a simple free theme……set it up the way you want. Check the code and copy the same code on your theme ??

Thanks very much, that works great

I am glad that you were able to solve your problem ??