Problem with the page header

Closed

Anonymous asked July 22, 2013

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.

Color Swatch

2 answers

Vote Up

Vote Down

Ninja Lead ⋅0.00 $tone July 23, 2013

Public

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

Vote Up

Vote Down