Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 21, 2018 at 2:55 pm #999845
    Freek

    Hi,
    I want to add a search box (instead of the spyglass) on the right side of my main menu in header. Next to this search box I want to place an image.
    See mockup: https://imgur.com/a/kCVOrAU
    Is it possible? Maybe with a widget in header?
    THX Freek

    • This topic was modified 6 years, 4 months ago by Freek.
    August 21, 2018 at 9:03 pm #1000011
    Victoria

    Hey Freek,

    Here is a possible solution for you
    https://kriesi.at/support/topic/adding-search-bar-to-header-cant-find-enfoldincludes-folder/#post-476685

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 22, 2018 at 9:19 am #1000178
    Freek

    Hi Victoria,

    It works. Only thing is how to place the search box next to menu (same place as spyglass).
    Can you help me out on this?
    THX Freek

    August 22, 2018 at 2:15 pm #1000335
    Victoria

    Hi Freek,

    Did you use the code from the thread I gave you?

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    August 23, 2018 at 1:11 pm #1000716
    Freek

    I made a mockup on another domain. See PC voor the link and admin link. Now the search box is on the right side of the screen. If I resize the screen the search box hits the menu. It would be better if the search box is right next to the menu (where the spyglass is, if I activate the spyglass)
    THX Freek

    August 23, 2018 at 4:16 pm #1000810
    Victoria

    Hi, Freek

    Best regards,
    Victoria

    August 23, 2018 at 4:17 pm #1000811
    Freek

    Hi Victoria, We have a mayor power issue in my city. I will let you know if it is back online.
    THX Freek

    August 23, 2018 at 6:56 pm #1000884
    Freek

    Website is online. THX Freek

    August 24, 2018 at 11:35 am #1001141
    Victoria

    Hi Freek,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 1024px) {
    #header_main .custom-form {
        margin-right: 20px;
    }
    #header_main .main_menu {
        margin-right: 200px;
    }
}

    You need to decide if you want to hide the form on mobile or try to adjust it too.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 27, 2018 at 11:42 am #1002208
    Freek

    Hi Victoria,

    Not exactly what I mean. Is it possible to place the search box on the exact place of the spyglass (so instead of)?
    THX Freek

    August 27, 2018 at 11:45 am #1002211
    Freek

    Found the solution in this thread
    THX Freek

    August 27, 2018 at 3:55 pm #1002328
    Vinay

    Hi,

    Glad you found the fix!

    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

    August 27, 2018 at 3:56 pm #1002330
    Victoria

    Hi Freek,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Search box and image next to header menu’ is closed to new replies.