How to move search box in twentyeleven over to the right a little more?

  • Hi there
    I’m using a child theme for twentyeleven.
    Does anyone know how to move the search box in twentyeleven over to the right a little more? As in some browsers, it is covering the far right navigation link a little?

    Thanks

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

  • there are a few styles with #searchform in style.css; you have to go through the stylesheet to find them; or use a free webtool such as firebug to locate the right css selector.

    Thread Starter coffee_king

    (@coffee_king)

    I have located 8 instances of the term
    #searchform in style.css

    How do I know WHICH is the right one to change please?

    css positioning https://www.w3schools.com/css/css_positioning.asp

    one of them, for single column, is:

    .one-column #branding #searchform {
	right: 40px;
	top: 4em;
}

    or for theme option with sidebar:

    /* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}

    the 7.6% are meant to match the margins of #access div:

    #access div {
	margin: 0 7.6%;
}

    if this does not help, please post a link to your site.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to move search box in twentyeleven over to the right a little more?’ is closed to new replies.