Support Forum

For all questions related to themes and plugins!

Enter search keyword e.g. "footer color".

  • Registration is Required

    Registration is required to post questions to support forum. ThemeForest buyers also need to obtain Purchase code to be able to post on forum.

    Please read here how to obtain Purchase code.

#1223
Robert Kavgić
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