Adjusting height and width of search field

I hope you are well today and thank you for your question.

You can achieve this by adding the below CSS code in the Custom CSS option of Add Search To Menu plugin settings on the path Settings -> Add Search To Menu

.astm-search-menu.default input.search-field {
    max-width: 150px;
    padding: 2px 8px;
}
hgroup#logo {
    padding-right: 0;
}
body #page .astm-search-menu .search-form input[type="submit"] {
    padding: 14px;
    right: -30px;
}

Best regards,

I’m well, as I hope you are too.

Thank you for all your help.

Sincerely,

Geir

You are always welcome here ??

By the way, is there a way to edit the text in the search-field? I would like to translate “Search…” to Norwegian.

Sincerely,

Geir

It is generated by the theme that you are using on your site so you have to translate your theme to change that text.

Hello again,

Very sorry to bother you with this again, but I need your help once more.

I’ve added a new element to my main menu, and have the same issue as previously. To have the logo aligned with the main menu and not having it on top.

My website URL is https://frigg.hiof.no/bo18-g18/wordpress/

Sincerely,

Geir

Try using below CSS code to resolve it.

header#branding .col-width {
    max-width: 88%;
}

Please note if you keep adding menu items then at one point there won’t be enough space to display them along side logo so they will display below the logo. To avoid this limit the number of parent menu items and some menus as sub menus.

Thank you for all your help :).

There will be no more adding items to the menu at this point. If something were to be added, it will be, as you suggest, sub items.

Thank you again! ??