Change the "Search in" menu option to go to a page

  • I know that I can turn-off the “Search In Menu” (magnifying glass) by going to customize/theme settings/navigation and uncheck the “Search in Menu” box. What i would like to do rather than turn it off is to have it go to a search page so that the customers can enter their part numbers into that page rather than it be a general search. Is there any way to do that with CSS code? Thanks for any help.

Viewing 1 replies (of 1 total)
  • Thread Starter blainewindowhardware

    (@blainewindowhardware)

    I figured some of this out on my own. I turned off the built-in “Search in Menu” option in the Vantage theme. I added a new menu item for the Search and in the menu CSS code I put in the awesome font for the magnifying glass (fa fa-lg fa-search). It is now wrapping the menu around and doesn’t have the magnifying glass to the left of the Search word. I have extra space on both sides and have tried to stretch out the menu to use the whole area. I have this CSS code so far:

    .main-navigation {
    text-align: center;
    width: 100%
    }

    .main-navigation ul {
    display: inline-block;
    float: none;
    }

    Can anyone help me get the extra space on the sides so my menu doesn’t wrap around and also help get the icon and word together? I need CSS code if possible as I don’t have a child theme.

    Can anyone give this newbie some help please? I’d appreciate any advice. Thanks!

Viewing 1 replies (of 1 total)
  • The topic ‘Change the "Search in" menu option to go to a page’ is closed to new replies.