Tagged: , ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • November 23, 2013 at 3:30 am #192191
    BrendaSarg

    Hi there, is there any way to have the a search bar (not just the icon) up in the Secondary Menu?

    http://rddcf.wpengine.com/ (hosted on WPengine)

    Any help would be appreciated.

    November 24, 2013 at 4:15 pm #192490
    Yigit

    Hey BrendaSarg!

    In WordPress dashboard, please go to Appearance > Editor and open Header.php file and find

    if(strpos($headerS,'bottom_nav_header') === false) avia_social_media_icons($social_args);

    and add following line right under it

    get_search_form();

    Regards,
    Yigit

    November 25, 2013 at 1:58 am #192707
    BrendaSarg

    That worked…only put it on the far left underneath…can I have it be in line with the Secondary Menu items? Like right after “Member LogIn”?

    Thank you!

    November 25, 2013 at 4:25 am #192742
    Ismael

    Hi!

    Please use this:

    .header_meta #searchform {
float: right;
}

.header_meta .sub_menu {
margin-left: 200px;
}

    Regards,
    Ismael

    November 25, 2013 at 10:00 am #192835
    BrendaSarg

    Is this in replace of the

    get_search_form();

    ? Or do I put it right after get_search_form();?

    Or does that code go in the css?

    November 25, 2013 at 3:16 pm #192938
    Yigit

    Hi!

    You should add Ismael’s code to Quick CSS in Enfold theme options under Styling tab or Custom.css file inside Enfold/Css folder

    Best regards,
    Yigit

    November 25, 2013 at 7:40 pm #193107
    BrendaSarg

    ok, I did that, but it didn’t move?

    November 25, 2013 at 7:44 pm #193109
    Yigit

    Hey!

    It seems like CSS code is not being applied. Can you try adding the code in Style.css file of child theme in Appearance > Editor?

    Best regards,
    Yigit

    November 25, 2013 at 7:46 pm #193113
    BrendaSarg
    This reply has been marked as private.
    November 26, 2013 at 4:56 am #193263
    Ismael

    Hey!

    My bad! Please use this instead:

    #header_meta #searchform {
float: right;
top: -20px;
position: relative;
}

#header_meta .sub_menu {
float: right;
margin-right: 250px;
margin-top: -10px;
}

    Remove browser cache then reload the page.

    Regards,
    Ismael

    November 26, 2013 at 5:45 am #193275
    BrendaSarg

    That worked! Thank you :)

    November 26, 2013 at 5:52 am #193276
    BrendaSarg

    Looks great on my big screen, but there is too much space in the secondary navigation for a smaller screen. Can I decrease that space? It pushes my logo down pretty far.

    November 26, 2013 at 3:09 pm #193437
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) { #header_meta #searchform { top: 0 ; width: 150px; } }

    Regards,
    Yigit

    March 1, 2014 at 4:52 am #230977
    BrendaSarg

    Hey there…I just updated my theme to 2.5.2 and applied this code again, but no search bar is showing?

    Can you have a look?

    http://rddcf.ca/

    March 2, 2014 at 4:18 am #231175
    Ismael

    Hi!

    You need to edit header.php again. If you want to preserve the modifications that you made, please use a child theme. http://vimeo.com/channels/aviathemes/67221517

    Best regards,
    Ismael

    August 11, 2015 at 7:49 pm #486140
    Diezel23

    Hi, this does not seem to be applicable to the latest vesion of enfold. do not see the code you referenced at the top. Could you please let me know how I would go about adding search to top menu now

    Thanks

    August 12, 2015 at 3:07 pm #486602
    Elliott

    Hey!

    Do this, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/, and then drag the search widget to the header widget area and send us a link to your page and we’ll give you some CSS to move it around.

    Cheers!
    Elliott

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Secondary Menu to include a Search Bar?’ is closed to new replies.