Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 22, 2015 at 8:21 pm #477304
    NicomIT

    Is it possible to add a full search field beside the main menu instead of just the search icon that you click to open the search feature/view the search field? Thanks!

    July 22, 2015 at 8:25 pm #477309
    Yigit

    Hey NicomIT!

    Please refer to this post and add a widget area to your header – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and add search widget inside it. You can adjust the position using custom CSS code provided in the link.

    Best regards,
    Yigit

    July 22, 2015 at 8:28 pm #477315
    NicomIT

    Awesome! Thanks Yigit.

    July 22, 2015 at 8:31 pm #477318
    Yigit

    Hi!

    You are welcome, we are always happy to help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Cheers!
    Yigit

    July 22, 2015 at 8:49 pm #477331
    NicomIT

    Thanks for that info Yigit.

    Btw… I was able to add a widget to the header (I just put a text widget in now with the word “Search” in it). However the CSS provided in that post doesn’t seem to work when I try to reposition or modify the new widget. Right now I have a background color applied to it, but I’m not seeing it.

    July 23, 2015 at 10:03 am #477600
    Rikard

    Hey!

    Where would you like to place it? You can target it using the following CSS:

    #text-2
#text-2 .textwidget

    Regards,
    Rikard

    July 23, 2015 at 12:33 pm #477658
    NicomIT

    Hi Rikard,
    I’d like to place to directly to the right of the main menu. Basically exactly where the regular search icon gets added to the menu if that option is enabled.

    Ryan

    July 23, 2015 at 1:46 pm #477724
    NicomIT

    Also, I tried putting a border around the text widget as a test using the CSS you provided and didn’t have any luck.

    #text-2 {
	border: #093 solid thin;	
}

#text-2 .textwidget {
	border: #093 solid thin;	
}

    I also tried a couple other variations of that combined with what is shown in the blog post Yigit provided and couldn’t get it to show up.

    #header .widget {
  left: 50%;
  padding-top: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%);
}
    July 23, 2015 at 2:43 pm #477738
    NicomIT

    Okay, looks like I was able to get something to work. I have some quick and dirty CSS in there now that has the search widget showing up where I want it to. However if either of you have any suggestions that could do it a little better, that would be great. Thanks for the help and info.

    July 24, 2015 at 9:43 am #478088
    Rikard

    Hey!

    It looks nice on my end, the only problem was that is was unusable because it was under the main nav, try the following to change that: 

    #header .widget {
  z-index: 10000 !important;
}

    Cheers!
    Rikard

    July 24, 2015 at 1:22 pm #478162
    NicomIT

    Thanks! I hadn’t actually tried clicking on it. Glad you caught that.

    One thing I did notice is when you scroll down and the menu/header shrinks, the search stays in the same position. I haven’t been able to figure out how to adjust that. Any help with that would be great.

    July 27, 2015 at 5:49 am #478887
    Rikard

    Hi!

    You should be able to target that state with a query like this:

    .header-scrolled #search-5 {
  margin-top: -18px;
}

    Best regards,
    Rikard

    July 27, 2015 at 3:52 pm #479129
    NicomIT

    Thanks Rikard. That worked great.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Full Search Field by Main Nav’ is closed to new replies.