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

    Hi,

    The search icon is at the end of my bar but I added a blue background on hover: http://dns.d.pr/1fNRT/5AKMlFni
    How can I have the magnifier icon centred in the blue square?

    Website in PVT

    Thank you

    #575486

    Hi sitesme!

    Add this to your custom CSS.

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

    Cheers!
    Elliott

    #577129

    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

    #577614

    Hi,

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

    Thanks,
    Rikard

    #577624

    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: http://dns.d.pr/1h3xl/1opakJ8P

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

    Thank you

    #578445

    Hi!

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

    1. Add a widget area in header
    http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-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.

    Regards,
    Vinay Kashyap

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