Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #574817


    The search icon is at the end of my bar but I added a blue background on hover:
    How can I have the magnifier icon centred in the blue square?

    Website in PVT

    Thank you


    Hi sitesme!

    Add this to your custom CSS.

    #menu-item-search a {
        padding-right: 10px !important;



    This worked,

    Thank you Elliott.

    We came up with a new request: to replace the magnifier icon by the field itself. Can you please look into the web page in PVT and tell me the code to achieve this?

    Thank you



    I’m not sure what you mean by that, could you post a screenshot highlighting your intentions please?



    Hi Rikard,

    Basically, I would need the search box (search field) at the far right side aligned with the main menu bar. The field here should basically move up to the bar without the need to click on the magnifier icon itself:

    In summary, a search field and a search button always visible.

    Thank you



    To make the search bar always visible please follow the steps below

    1. Add a widget area in header

    2. Drag the search widget to the new widget area.

    Let us know when your done and we can help you with some custom CSS if necessary.

    Vinay Kashyap

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.