BuddyBoss Home – Web Support Forums Themes Boss. theme Use custom google searchbar.

Viewing 15 posts - 16 through 30 (of 31 total)
  • Question

    #65191
    @niel96

    That's what i did, it had no effect at all. Is the css code right?

    regards

    Answers

    #65401
    @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

    #65813
    @niel96

    Hi

    i added this code to the plugin: custom simple css code. The problem is not solved.
    What can i try more?

    regards

    #65818
    @niel96

    I now see the css only changed the searchbar from the website on the normal version, not on the mobile version.

    #65857
    @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

    #65938
    @niel96

    Hi

    i have add it but no positive effect.

    regards

    #65946
    @anve

    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

    #65980
    @niel96

    Hi

    it's the same screenshot i have uploaded since it's still the same problem. There is only a searchbar for logged in users on the boss theme.

    regards

    #65998
    @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 #tfheader {
      background-color: transparent !important;
    }
    .mobile-header-inner #tfheader .tftextinput {
      float: left;
      margin-right: 2%;
      width: 65%!important;
    }
    .mobile-header-inner .tfbutton {
      float: left;
      width: 32% !important;
      padding: 9px 8px!important;
    }
    }
    

    Regards
    Anve

    #66613
    @niel96

    Hi

    This didn't work 🙁

    Regards

    #66716
    @anve

    HI @niel96,

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

    Regards
    Anve

    #66717
    @vapvarun

    Hi @niel96
    I have checked your site and css is not getting applied on your site. Please send your login details from our contact page https://www.buddyboss.com/contact/ and we will add correnspodning css.

    Regards
    Varun Dubey

    #66826
    @niel96

    Ok thank you have send the details.

    #66833
    @anve

    HI @niel96,

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

    Regards
    Anve

    #67965
    @niel96

    Thanks problem is solved now.

Viewing 15 posts - 16 through 30 (of 31 total)
  • The question ‘Use custom google searchbar.’ is closed to new replies.