Navigation
Archive / How to add search bar in the main menu and remove not needed menu items
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 29, 2016 at 6:57 pm #1109539
    Pollito69
    Participant

    Hello,

    I love the Ethos 1 theme and it looks great with Woocommerce shop. However, I would like to enhance the user experience for searching the shop:

    1. How can I modify the functionality of the existing “magnifying glass” icon in the menu so that it opens an empty search bar (to the left, for example) when the user clicks it? Please see the attachment. Sorry about my bad drawing skills.

    2. I would like to reduce the number of menu items in the home page menu bar to 3: Home, Shop, and the magnifying glass (with the functionality explained in #1).

    Here is the link to my page:
    http://staging.uniquegiftsandart.com/

    Thank you!

    July 29, 2016 at 10:31 pm #1109787
    Lely
    Moderator

    Hi There,

    Thanks for posting in.
    1.) That is possible but not would need customization that is beyond the scope of our support. Although I can point you to the template file that handle the search bar. You can see it in wp-content/themes/x/framework/functions/global/navbar.php. . You may want to consult a web developer if you’re not comfortable doing the changes.

    2.) We can edit the menus on Appearance > Menu. Then to hide the WooCommerce Cart please go to Appearance > Customize > Woocommerce >Navbar Menu: Choose OFF.

    Hope this helps.

    July 29, 2016 at 11:01 pm #1109805
    Pollito69
    Participant

    Hello,

    Thanks for the information.

    Ref. #2: I made the changes as instructed but there is no change in the home page menu. All menu items are still showing the same way on both the Home page and Shop page. Please let me know what am I missing?

    Thank you!

    July 30, 2016 at 12:17 am #1109842
    Christopher
    Moderator

    Hi there,

    Please provide us with login credentials so we can take a closer look.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1109539 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>