Private: Home › Forums › HTML Templates › Elvyre Retina Ready HTML5 Template › Logo Size › Reply To: Logo Size
December 7, 2014 at 3:41 pm
#1223
Participant
Hello,
Yes I can see the problem.
To solve it, go to css/style.css and find the line
#search{
width: 40px;
height: 40px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: relative;
cursor: pointer;
margin-left: 30px;
top: 20px;
float: right;
z-index: 1005;
}
Modify the value of margin-left and set it to 10px:
#search{
width: 40px;
height: 40px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: relative;
cursor: pointer;
margin-left: 10px;
top: 20px;
float: right;
z-index: 1005;
}
Now find the code which says
#nav-container{
width: 930px;
height: 80px;
margin-left: 30px;
z-index: 1000;
position: relative;
float: left;
}
and modify the value of width property, set it to 900px:
#nav-container{
width: 900px;
height: 80px;
margin-left: 30px;
z-index: 1000;
position: relative;
float: left;
}
The search icon should now be displayed next to the navigation bar.
Robert