Search Icon Menu Bar Issues

[GR8FL]

On mobile, would like the search icon to be closer to the menu icon which is aligned right. Ideally would like the icon to be a bit higher and aligned at the top with the hamburger or the menu bar to have a bit more height. And is there any way to make the search box less width?

On desktop, would like the search icon to be bigger. The social icons are 24px.

Hattie’s Garden

[scrambler]

You can change the position on mobile with the rule below adjust values to what you want)

.is-mobile .menu-search .search-form {right:-5px;top:0px;}

To increase the font size, use

.is-mobile .menu-search .search-form::before {font-size:40px !important;}

will check the rest later

 

[scrambler]

For the size of the search box when you click on it, I am not sure how that is setup. May be @weaver can shed some light on it, to see if we can change it…

[GR8FL]

How can I make the search icon bigger, but not on mobile?

[scrambler]

This reply has been accepted as the best answer.

Use the desktop class instead of the mobile class

.is-desktop .menu-search .search-form::before {font-size:40px !important;}

[Author]

Posts