Remove the padding-right in your css.
answered already many times in this forum;
edit style.css and change the padding in here:
#branding .only-search + #access div {
padding-right: 205px;
}
I’m so sorry but I have done that and it hasn’t worked- Maybe I’m doing that in the wrong place?
This is where I corrected in my CSS (The last line in this section of code in the “search form” section of the CSS.
/* Search Form */
#branding #searchform {
position: absolute;
top: 3.8em;
right: 7.6%;
text-align: right;
}
#branding #searchform div {
margin: 0;
}
#branding #s {
float: right;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
width: 72px;
}
#branding #s:focus {
background-color: #f9f9f9;
width: 196px;
}
#branding #searchsubmit {
display: none;
}
#branding .only-search #searchform {
top: 5px;
z-index: 1;
}
#branding .only-search #s {
background-color: #666;
border-color: #000;
color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
width: 85%;
}
#branding .only-search #s:focus {
background-color: #bbb;
}
#branding .with-image #searchform {
top: auto;
bottom: -27px;
max-width: 195px;
}
#branding .only-search + #access div {
padding-right: 205px;
}
emphasis of ‘change’ – what I posted is the original padding to point out where you need to change;
reduce it to 5px or whatever…
i.e.
#branding .only-search + #access div {
padding-right: 5px;
}
if you don’t see the result immediately, clear the browser cache – ‘CTRL F5’ or ‘reload’ or whatever your browser wants to have…
Thank you so much… I understand now!
