twenty eleven menu width

  • I want to keep my primary menu items on one line in twenty eleven. I’ve commented out the search box, which was occupying the right-hand side of the menu. But my menu still acts as if the search box were there and wraps to a second line. I can’t understand how to re-style it. Can anyone help? I have created a child theme to handle this and other minor style changes.

    https://www.theborrowdalestory.co.uk/

    Secondarily, I would like to relocate my search box over my header image. If anyone could advise me on that too I’d be grateful. I believe I can see how to style that, but think I need some coding first in header.php?

    Thanks, Alan

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

  • try and add something like this to style.css of your child theme:

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

    (@alanpmcd)

    Thank you very much: that did the trick ??

    Alan

    I’m doing the same thing in my 2011 child theme and this helped remove the search box, so thanks for the tip.

    However, I can still resize the window too small and have the nav items wrap. Is there any way to globally set a minimum page width, so that if the window gets dragged under, say 1080px, it stops shrinking and acts fixed?

    stanton-studio.com

    Thanks

    Carol

    Followup:
    I read that one can change “max-width” to just “width” and get a completely static size. I did that, but some autoscaling is desirable, just want to lock min width to whatever doesn’t wrap the menu. Anything more subtle possible via child css?

    Thanks
    Carol

    Moderator Ipstenu (Mika Epstein)

    (@ipstenu)

    ?????? Advisor and Activist

    https://www.w3schools.com/cssref/pr_dim_min-width.asp

    Min-width for the win ??

    I tried setting both max-width and min-width and it didn’t work, it still wrapped the menu when I shrunk the window. I made it static now, but would prefer to let it be dynamic up to max and then have the min be whatever width doesn’t wrap the menu bar text.

    I dont understand any of this so more help please. My site: https://www.hussars.org

    The menus seem to close up around the wording, I’d like them to be all in one line so they look better and also reduce the height of the drop downs.

    I presume this is all done in appearance/header in the edit section of the css style sheet? If so where?? Please…..

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘twenty eleven menu width’ is closed to new replies.