My website is http://www.vlcstudio.com and I have the following problem with the page header (Please fix it): at the time at which you are on the Home page everything is OK (look at the size of the header and the correct position of the search module), but when you are on the other pages of the website, the header is getting smaller, so the search module is disengaged (moving upwards and intersecting with the social networking module).
I attached two pictures, the first (Everything is OK) belongs to the Home page and the second (Problems) belongs to Typography page (look at the search module in this last screenshot!), but it happens in all pages, except home page as you can look.
2 answers
I fixed the problem on your site this way
Open templates/ja_mixmaz/css/template.css file
from
Code:
#ja-search { border-left: 1px solid #1b1b1b position: absolute; bottom: 0; padding: 15px 10px 14px; right: 0px; } #ja-search .inputbox { background: url(../images/icon-search.png) no-repeat 90% 50%; border: 0; color: #999 padding: 10px; width: 195px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
Change to
Code:
#ja-search { border-left: 1px solid #1b1b1b position: absolute; bottom: 0; padding: 0px; right: 0px; } #ja-search .inputbox { background: url(../images/icon-search.png) no-repeat 90% 50%; border: 0; color: #999 padding: 10px 0px 10px 0px; width: 214px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
Please check it again let me know if it helps
It fixed the problem on my site this way. Thank you very much!
This question is now closed