Twentyeleven: configuring the menu bar

  • tornator

    (@tornator)


    14 years, 2 months ago

    Hello,

    I’m not very comfortable (rather very uncomfortable) with web programming and I’m having problems with the menu bar.:

    I’ve changed the width of my site:

    .one-column #page {
	max-width: 898px;

    And I am using a custom header image of the same width.

    Now my menu buttons are positioned to the left side of the menu but I’d want them to be justified along the 898px. It also seems that all the elements haven’t received the 898px width, thus I can’t move the buttons as I want since some unknown value limits their movement.

    Which values should I alter to get the menu bar buttons justified and to get some space between them? I would post a link, but the site is hosted locally on my computer.

    Help would be appreciated! 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi

    (@esmi)

    14 years, 2 months ago

    Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. Create a child theme for your changes.

    Thread Starter tornator

    (@tornator)

    14 years, 2 months ago

    Thanks for the information esmi, but this time I’ve learned my lesson, and for once I’ve made all the changes to a child theme!

    Thread Starter tornator

    (@tornator)

    14 years, 2 months ago

    Okay, now I’ve got the buttons to the left side of the menu bar and the far-left button is exactly where I want it to be. I also figured how to adjust the buttons evenly, but still the width of the menu bar is not enough. The menu bar just forces the buttons into two rows when I increase the width for:

    .one-column #access li

    So could someone tell me how to adjust the width of the menu bar so that I can get my buttons evenly justified for the whole length.

    I found an older post about the same thing and tried to add

    #branding .only-search + #access div {
	padding-right: 0px!important;
}

    but unfortunately for it didn’t work.

    Thanks a lot for help !

    Thread Starter tornator

    (@tornator)

    14 years, 2 months ago

    Okay, got it. I simply added:

    .one-column #access ul {
    height: 20px;
    width: 1100px;

    and fine tuned the menu using:

    .one-column #access li {
    width: 321px;

    Now the menu bar width is greater than it should be, so I suspect that there is some margins or padding lurking somewhere but since I’ve got no idea where that might be, maybe this suffices. I hope this solution wont backfire later.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Twentyeleven: configuring the menu bar’ is closed to new replies.