Eliminate Search Bar from header and put social media icons instead

LetsHalloo · April 2021

Hi

Please, How can I eliminate Search Bar from header and put social media icons instead in that same place. In a way that looks good in PC and mobile.

https://vintimilla.legal/

Thanks

Phil · April 2021

Hello,

I think that the best option, in that case, will be using a Header Builder plugin.

To learn more about this plugin, please, check the following links:

https://support.muffingroup.com/documentation/header-builder/

https://support.muffingroup.com/video-tutorials/how-to-build-a-custom-header/

Thanks

LetsHalloo · April 2021

Hi.

Thanks for your suggestion. Very good option.

Please help me with these 2 situations.

URL: https://vintimilla.legal/

I would like to reduce the gap between logo and menu. (see image)
I would like to change social media logos with other ones. And make them bigger.

Thanks

Phil · April 2021

1) Please move the menu item next to the logo, and the gap will be reduced.

2) If you use a Social item, you are able to change the icons by opening the options of this item.

But if you would like to increase their size, you will have to create a CSS code and place it in Betheme -> Theme options -> Custom CSS & JS -> CSS. Do you need help with it?

Thanks

LetsHalloo · May 2021

Hi

Yes please. I need to know how to create a CSS code to do that.

Thanks

Phil · May 2021

Please, try the following code:

.mhb .mhb-social i{
   font-size: 30px!important;
}

Thanks

Eliminate Search Bar from header and put social media icons instead

Comments