Search function in mobile

  • Resolved wooguy

    (@wooguy)


    2 years, 4 months ago

    Hi,
    I am new to using Fibosearch but it really adds a nice touch to the user experience using the search function.

    I am using Fibosearch in my header as a widget in my GeneratePress theme.

    When I switch to mobile there is no search in the top next to the cart and hamburger menu.
    I then add Replace all GeneratePress search bars with the Fibosearch under starting.

    That adds the magnifying glass search function. Great!

    The problem is it also adds the search to the main navigation bar in desktop and tablet view.

    I don’t need that since I already have the search function in the header.
    Is there a way to remove that?

    Thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Kris

    (@c0nst)

    Hi @wooguy

    I think this maybe a solution to your problem:

    @media(min-width: 992px) {
	.dgwt-wcas-menu-bar-item {
		display: none !important;
	}
}

    You may have a different breakpoint mobile. Then you need to change 992 to the same as in WooCommerce -> FiboSearch -> Search bar -> Mobile breakpoint option.

    Paste it into Appearance -> Customize -> Additional CSS. If you aren’t familiar with custom CSS, take a look at this video.

    Regards,
    Kris

    Thread Starter wooguy

    (@wooguy)

    Kris,
    Thank you very much!
    That did the trick.

    Appreciate your fast response ??

    Thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Search function in mobile’ is closed to new replies.