Niel

HI @niel96,

Please check you site .we have made the changes and now it looks proper on mobile .

Regards
Anve

HI @niel96,

Checked on your site , the css is not even applied .Please check uploading it through simple custom css.

Regards
Anve

Hi @niel96 ,

I see that the google searchbar comes in mobile for logged in users . You can try following css to responsively design the searchbar in mobile view.


@media screen and (max-width:480px){
.mobile-header-inner #tfheader > form#tfnewsearch {
margin-right: 16%;
padding: 20px 7px!important;
width: 60%;
}
.mobile-header-inner…[Read more]

Hi @niel96,

I have checked your site and i don’t see any searchbar in mobile view. Can you please attach a screenshot of the screen that you are talking about .

Regards
Anve

Hi @niel96,

Try adding following css in child theme’s custom css option.

@media screen and (max-width:847px) and (min-width:647px){
#header-search .tftextinput {
width: 50%!important;
}
#header-search #tfheader #tfnewsearch .tfbutton {
max-width: 38% !important;
}
}


Regards
Anve

Hi @niel96,

Install and activate ‘Simple custom css’ plugin and you will see custom css menu in backend .Add css overthere. The css might not be overriding from theme option panel.

Regards
Anve

Hi @niel96,

Please try adding the css in custom css option in boss theme option panel . Go to Buddyboss > Boss theme > custom codes . There you can see custom css option , enable it and add the css code.

Regards
Anve

Hi @niel96,

Try adding following css in custom css of child theme.


#header-search #tfheader {
background:none!important;
}
#header-search #tfnewsearch {
padding:0px!important;
}
#header-search #tfheader #tfnewsearch .tfbutton {
max-width: 115px!important;
}
@media screen and (max-width:1100px) and (min-width:767px){
#header-search…[Read more]