Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 29, 2016 at 10:42 pm #574817
    sitesme

    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

    February 1, 2016 at 3:11 am #575486
    Elliott

    Hi sitesme!

    Add this to your custom CSS.

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

    Cheers!
    Elliott

    February 3, 2016 at 3:33 pm #577129
    sitesme

    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

    February 4, 2016 at 7:59 am #577614
    Rikard

    Hi,

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

    Thanks,
    Rikard

    February 4, 2016 at 8:20 am #577624
    sitesme

    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

    February 5, 2016 at 12:00 pm #578445
    Vinay

    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

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