Main Menu Items are Wrapping And The Search Disappears When Page is Resized On Desktop View. - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Main Menu Items are Wrapping And The Search Disappears When Page is Resized On Desktop View.

SC

Shirley Craig

Helix Framework 2 years ago

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.

0
7 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #101632

If you reduce the menu font size like 17px then it will be solved.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #101306

Hi

Thanks for contacting us. Could you please give me a screenhot of your issue?

-Regards.

0
SC
Shirley Craig
Accepted Answer
2 years ago #101334

I 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.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #101437

Hi

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.

0
SC
Shirley Craig
Accepted Answer
2 years ago #101459

The 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

0
SC
Shirley Craig
Accepted Answer
2 years ago #101645

Thank you!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #101659

You are always welcome.

0