show search icon as a menu item

Hi @dem10,

The search box is currently positioned to the left of the social icons in the top bar. Can you explain a little further about how you’d like to reposition the box?

I also found the following in your custom CSS, which is currently setting the position of the social and search box in the top bar:

li.social-icon {
    float: right;
    margin-right: 7px;
    font-size: 10px;
}

.header-search {
    background: transparent none repeat scroll 0 0;
    filter: none;
    left: 750px;
    position: absolute;
    top: 80px;
    vertical-align: top;
    z-index: 1000;
}

You will need to tweak the above custom CSS to further reposition both items. If you can clarify exactly how you’re trying to customise the top bar, I’ll see if I can be more specific in my guidance.

Thanks!

I want to show only the magnifying glass icon next to social icons because this design does not work good in mobiles

I’m afraid that I’m not 100% clear on the look you’re trying to achieve.

If you only wish to display the magnifying glass, and not the search field, then some JavaScript would be required in order for the search box to remain usable. That goes beyond the scope of support that this forum is intended for.

If you wish to keep the search box but want to reposition it, then you can try tweaking and experimenting with the existing custom CSS that have in place:

li.social-icon {
    float: right;
    margin-right: 7px;
    font-size: 10px;
}

.header-search {
    background: transparent none repeat scroll 0 0;
    filter: none;
    left: 750px;
    position: absolute;
    top: 80px;
    vertical-align: top;
    z-index: 1000;
}

ok, thanks!

You’re welcome!