CSS for Search in Primary Top Menu

  • Could anyone give me some guidance on how to set up a search field in the primary top menu using CSS in the Dyad theme?

    I’ve read on other forums that it’s not possible to do this within the theme itself, but it might be possible to do it with CSS.

    I realize that I could switch to a different theme that supports this field already. However, my bosses really like this theme and would highly prefer to stay with it–they just want to add a search field at the top.

    FYI: I’m posting this on www.ads-software.com because the website I’m working on is hosted on a private stage site at my university. Since I can’t link the site to this post, I’ve linked the wordpress.com version, which is almost identical to the stage site.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there,

    It is not possible to add a search field using CSS, on any theme.

    CSS can only be used to control the appearance of elements that already exist on the site. It cannot be used to add something that’s not there.

    The simplest way to add search to your site is to add the search widget which is included in WordPress itself in one of the theme’s widget areas.

    To add a search box anywhere else on the site would require modifying the site’s PHP code or adding a plugin. You can find a tutorial that explains how to do this using a plugin at https://www.wpbeginner.com/plugins/how-to-add-a-search-bar-to-wordpress-menu-step-by-step/

    Thread Starter skoros

    (@skoros)

    Thanks! Do you know of any resources on how to modify the site’s PHP code? The server the site is hosted on prefers that we don’t use plugins.

    Hi there,

    We are not able to provide PHP support here in this forum, as this is not specifically an issue with the Dyad theme, but more of a general WordPress development question.

    You may wish to ask here to be sure your question gets the correct attention: https://www.ads-software.com/support/forum/wp-advanced

    Hope this helps point you in the right direction!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS for Search in Primary Top Menu’ is closed to new replies.

Tags