yavarkhan

yes! ?? exactly i just want it in the top right corner !

Try replacing all those .navbar with .navbar.notresp
This way the responsive menu should not be affected.

once again thank you so much for helping me out and will upload the site next week and hope you will like my website and
do you have a fan page ?? its people like you who help others and make this world a better place and I appreciate that you sharing your knowledge and helping people out

i think there is a problem in this css but dont now how to resolve

.navbar .nav > li   {
float:              none;
display:            inline-block;
}

/* Fix 2nd level <li>s  */
.navbar .nav > li .dropdown-menu li {
float:              left;
width:              100%;
text-align:         left;
}

thank you so much
im so glad that you help we need people like you more
and it worked and i replaced “.searchform” with “#searchform” ??

#navbar-top .widget_search {
	float:right;
	width: 220px;
}
#navbar-top .widget_search:hover {
	width: 450px; /*adjust this to suit your needs*/
}
#navbar-top .widget_search:hover:before {
	display: none;
}

my style.css looks like this

/*styling a new widget area--------------------------right of logo-----------------------------------------------*/

#navbar-top {
	width: 100%;/*changes by yk moves right and left---------------------0--------------------------*/
	float: none;
	margin-left: 0px;
	position: absolute;
        /* to put it virtually inside the navbar-inner */
	top: 40px;/*changes by yk movesup and down-----------------------------------------------*/
        /* needed 'cause navbar-inner has z-index 200 */
	 z-index: 210;

}

.navbar.notresp .row-fluid {
	/* leave the space for our searchbox*/
	margin-top: 0px;/*changes by yk social icon move up and down-----------------------------------------------*/
}
#navbar-top #searchform {
    max-width: 200px;/*changes by yk search button come besides the search box-----------------------------------------------*/
	float: right;
}

#navbar-top #searchform input[type="text"] {
	/* if you use percentage here something breaks*/
    width: 150px;/*changes by yk  search box size increases-----------------------------------------------*/
}

@media (max-width: 979px){
    #navbar-top{
       display: none;
    }
}

/* don't display the label "Search" */
#navbar-top .screen-reader-text{
    display: none;
}
/* Hide the form */
#navbar-top .searchform{
    display: none;
}
/* Use the magnifying glass as icon*/
#navbar-top .widget_search:before{
    content: url(https://localhost/final/wp-content/uploads/2014/04/search-3-24.png);

}
/* When hover over the div widget_search display the form*/
#navbar-top .widget_search:hover .searchform{
    display:block;
}

will upload the site in a weeks time!

thank you once again

d4z_c0nf,
thx for ur help and the code but i have one problem

.widget_search the magnifier is on the left and the search box and the form is on the right of the page

https://tinypic.com/m/i2t4w4/1

its this piece of code causing that

/* STEP 1-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.brand.span12 {
float:              none;
}

/* STEP 2 */
/* OPTION 1/2 - CENTER TAGLINE */
.tc-header .outside {
display:            block;
text-align:         center;
}
.site-description {
margin:             0px 0px;
}
.inside.site-description {
display:            none;
}

/* STEP 3 */
/* OPTION 1/2 - CENTER SOCIAL ICONS */
.social-block {
text-align:         right;  /*YK changes */
position:           relative;
z-index:            1;
}

/* STEP 4 */
/* OPTION 1/1 - CENTER MENU */
.navbar-wrapper .navbar.notresp.row-fluid {
float:              none;
width:              90%;
margin:            0 auto;
}

/* Variable number of floating elements */
.navbar .nav        {
float:              none;
width:              100%;
text-align:         center;
}

.navbar .nav > li   {
float:              none;
display:            inline-block;
}

/* Fix 2nd level <li>s  */
.navbar .nav > li .dropdown-menu li {
float:              left;
width:              100%;
text-align:         left;
}

/* Adjust margin/padding */
.navbar .navbar-inner {
margin:             0px 0px;
padding:            0px 0px;
}

/* STEP 5 */
/* OPTION 1/1 - HIDE NAVBAR BOX */
.navbar .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
background:         none;
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
}

/* STEP 6 */
/* RESPONSIVENESS */
@media (max-width: 979px) {
.tc-header .brand   {
width:              auto;
}
.row-fluid .offset1:first-child {
margin-left:        0;
}
}

sir,
its 3.1.10
and i think its because of my style.css in the child theme

d4z_c0nf,

THANKU !

actually i want it like this cause i want to give credit to the developer Nicolas Guillaume (nikeo).

Customized by Symon Inc & designed by themes&co

nop i tried didnt help

hey i tried but got error could u jst include a line abt themes&co contribution

add_filter( 'tc_credits_display', 'my_credits_display' );
function my_credits_display($html) {
$logo_src = esc_url ( tc__f( '__get_option' , 'tc_logo_upload') ) ;
if ( empty($logo_src) )
return $html;
?>
<div class="span4 credits">
<?php
$credits = sprintf( '<p> Team Eldiablo ? %1$s <a href="%2$s" title="%3$s" rel="bookmark">%4$s</a> ... Customized by %5$s... </p>',
esc_attr( date( 'Y' ) ),
esc_url( home_url() ),
esc_attr(get_bloginfo()),
'<img src="'.$logo_src.'" alt="'.esc_attr(get_bloginfo()).'">',
'<a href="https://www.google.com/">Symon Inc </a> '

);
echo $credits;
?>
</div>
<?php
}