Adjust item menu width

  • Resolved fxlaurent

    (@fxlaurent)


    10 years, 6 months ago

    Hi,
    I’m working on a website using a preconceived template that i’m trying to modified. I would like to add a new option in the actual main menu (a link to my blog) but the “BLOG link” doesn’t fit and is sent under the actual menu. I would like to have a one-line menu. I tried to look into the css of the theme, to change the width of the the menu, but I can’t figure out where it is. It looks like the theme is not very intuitive.

    The link to my website is : http://www.21stcenturybenefit.com

    You will see the blog button below the rest of the menu.
    Do you have any suggestion ? Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Elio Rivero

    (@eliorivero)

    10 years, 6 months ago

    Hi, one CSS you could use is

    #primaryNav li.pnavHelp a {
	width: 120px;
}
#primaryNav li.pnavAbout a {
	width: 100px;
}

    to reduce the fixed width those two menu elements. The image with the vertical divisions will not match any more, so you can either change the image or hide it using

    #primaryNav {
	background: none;
}

    If you theme has a text area to insert custom CSS, paste it there, otherwise paste it at the end of the menu.css file.
    After that, save the file. If you were editing it locally, upload it by FTP to the css directory in the wp_21c theme folder in your server.

    Thread Starter fxlaurent

    (@fxlaurent)

    10 years, 6 months ago

    Thanks! It’s working perfectly.
    I removed the background picture, I’ll try to make a new one later.
    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adjust item menu width’ is closed to new replies.

Tags