WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Twenty Eleven theme - secondary menu position problem (10 posts)

  1. matthisco
    Member
    Posted 1 year ago #

    Hi Folks,

    Can anyone please tell me how I can stop the secondary menu clearing the main content div, and falling to the bottom of the page?

    http://www.walsallccg.nhs.uk/our-mission-and-values/

    Many thanks

  2. mbrsolution
    Member
    Posted 1 year ago #

    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

  3. matthisco
    Member
    Posted 1 year ago #

    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

  4. mbrsolution
    Member
    Posted 1 year ago #

    Try the following

    background-color: transparent!important;

  5. matthisco
    Member
    Posted 1 year ago #

    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.

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

    Thanks again

  6. mbrsolution
    Member
    Posted 1 year ago #

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

  7. mbrsolution
    Member
    Posted 1 year ago #

    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...........

  8. mbrsolution
    Member
    Posted 1 year ago #

    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 :)

  9. matthisco
    Member
    Posted 1 year ago #

    Thanks very much, that works great

  10. mbrsolution
    Member
    Posted 1 year ago #

    I am glad that you were able to solve your problem :)

Topic Closed

This topic has been closed to new replies.

About this Topic