Search form css

This topic has 9 replies, 2 voices, and was last updated 5 years, 10 months ago by Elise Noromit.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
February 14, 2019 at 7:57 pm #107571

Alex Moldovan
Participant

Hi, i would like to reduce from Search form size, if i put spaces in header builder it moves the logo to right on smaller screens. Can you give me a css code to resize search form width please?

February 14, 2019 at 8:42 pm #107585

Alex Moldovan
Participant

I managed to resize it with CSS Hero ( a css code would be nice to have though 😀 ) but i have another problem, the Share buttons in top header are not shown in Chrome, in Mozilla and IE are invisible but if i hover with the mouse it shows is a button there and i can click it!

February 14, 2019 at 8:53 pm #107588

Alex Moldovan
Participant

update: i need the css code 😀 , as now the Search form dropdown is not respecting the size

February 15, 2019 at 7:39 am #107614

Elise Noromit
Member

Hello,

Please provide your site URL. If your site is under maintenance, please provide your site admin access to the private area also send us the screen and show how you want to change the search.

Best Regards

February 15, 2019 at 9:59 am #107657

Alex Moldovan
Participant

Hi, i attached a pic with how big i would like the search form to be, right now is half of the banner. I attached the website link to and wp admin. Thanks

Attachments:
You must be logged in to view attached files.

February 15, 2019 at 12:59 pm #107685
Elise Noromit
Member
Hello,

Add this code to the Theme Settings > Custom CSS > Global
```
body .whb-column .woodmart-search-form{
max-width:400px
}
```
You can change 400px as per your needs

Best Regards
February 15, 2019 at 1:16 pm #107691

Alex Moldovan
Participant

Many thanks! …About the Share buttons in top header are not shown in Chrome, in Mozilla and IE are invisible but if i hover with the mouse it shows is a button there and i can click it! Any idea how i can fix this?
Thanks

February 15, 2019 at 4:34 pm #107743

Elise Noromit
Member

Hello,

Please deactivate all the plugins not related to the theme and switch to the parent theme, check the icons, after that activate the plugin by one by one checking which one causes the problem.

Best Regards

February 15, 2019 at 5:31 pm #107756

Alex Moldovan
Participant

Hi, found the problem, was from Chrome extension AdGuard AdBlocker!
Thanks

February 15, 2019 at 6:54 pm #107769

Elise Noromit
Member

You are welcome! If you have any questions please feel free to contact us.

Best Regards
Author

Posts