Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 4, 2016 at 2:14 am #94667
    bmtt
    Participant

    Hello,

    Could you tell me how to turn off the search function in the navigation bar?

    Thank you.

    July 4, 2016 at 2:43 am #94669
    bmtt
    Participant

    Also, if I decided to keep the search function on the navigation bar, is there any way to get this to work on the responsive mobile view?

    Thanks

    July 4, 2016 at 10:05 am #94710
    Mahesh
    Participant

    @bmtt:
    1. Turn off search function in the navigation bar:
    Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

    .sidebar.sidebar-header-right.widget-area {
    display: none;
}

    2. If I decided to keep the search function on the navigation bar, is there any way to get this to work on the responsive mobile view:
    This is working fine in mobile view.

    Let me know if any problem. And please post in your site URL.

    Regards,
    Mahesh

    August 10, 2016 at 3:29 am #96944
    Mumumat
    Participant

    Hi,
    I would like to turn off the search function, but I must put the CSS directly on style.css file because I use a child theme and I don’t want to lose these modifications with next updates.
    Do you know where exactly I have to put `.sidebar.sidebar-header-right.widget-area {
    display: none;
    }` in the style.css file ?
    Thank you in advance.
    Muriel

    August 10, 2016 at 3:51 am #96945
    Mumumat
    Participant

    To be more precise it is the small magnifying glass in the menu which I would like to change. And moreover, I would like to make an other one modifications on this menu (thorough color), I suppose that it is also on the style.css file but I do not know where and what to put as code..
    Thanks in advance.
    Bet Regards,
    Muriel
    My URL

    August 10, 2016 at 10:28 am #96973
    Mahesh
    Participant

    @mumumat:
    Hi Muriel:

    For this purpose, the theme as a built-in feature Custom CSS. You can add your desired style in here. So if you just want to customize styles, you do not need to create a child theme or edit style.css file. Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

    #search-toggle {
    display: none;
}

    By menu color, do you mean menu background color? If so add the following CSS:

    .nav-primary {
    background-color: #00FF00;
}

    Note: Please use you desired color hex.

    Regards,
    Mahesh

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Search function on navigation bar’ is closed to new replies.