Main Menu Items are Wrapping And The Search Disappears When Page is Resized On Desktop View.
Shirley Craig
The main menu isn't resizing when I reduce the width of the page on desktop, the menu items wrap and the search bar disappears. The search is currently hidden behind the logo. thank you.
Mehtaz Afsana Borsha
Accepted AnswerIf you reduce the menu font size like 17px then it will be solved.
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me a screenhot of your issue?
-Regards.
Shirley Craig
Accepted AnswerI would like to have the search bar above the "Contact" menu item.
Here is current view on site with no styling. As you will see it is behind logo.
https://screenrec.com/share/qwYDbh9Emd
Below styling moves search bar to the right but when the page width is resized (made smaller), the search box gets very narrow:
.search {margin:0px 1064px 0px 975px;}
view with styling: https://screenrec.com/share/Cz9YQ4ficW
and when page is made even smaller, the menu text wraps: https://screenrec.com/share/edgT61rbwX
Thank you Mehtaz. I appreciate your help with this.
Mehtaz Afsana Borsha
Accepted AnswerHi
Use this custom CSS
.form-control{
width: unset !important;
}Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Shirley Craig
Accepted AnswerThe code worked for the search display. Thank you, however, when reducing the width the menu items still wrap before collapsing to the responsive menu. https://screenrec.com/share/wBmCb0iM9y