Remove Search Button in Header

  • kdadmin01

    (@kdadmin01)


    7 years, 2 months ago

    Hi,

    I have been trawling the forum to find a fix for this, but none of the fixes that worked for other people have worked for me.

    On our home page there is a search button that overlays our phone number and we want to remove it.

    Help please!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Ryan Hornback

    (@rthornback)

    7 years, 2 months ago

    What theme are you using?

    You may be able to remove the search button by editing the CSS file. Try inspecting your site to locate the DIV element that is associated with the search button. Once you locate it you should be able to add “display:none” in the Custom CSS to remove the search button. If you ever decide you need the button back, you can simply remove the text you added.

    • This reply was modified 7 years, 2 months ago by Ryan Hornback.
    Thread Starter kdadmin01

    (@kdadmin01)

    7 years, 2 months ago

    Theme is a child them of Twenty Eleven.

    How do you inspect the elements? I’ve tried to put additional CSS codes to remove it in the Simple Custom CSS and Additional CSS areas, with no positive results

    Ryan Hornback

    (@rthornback)

    7 years, 2 months ago

    Most of the common web browsers offer an inspect elements option. Most commonly this is accessed by right clicking on your web page and selecting the “Inspect Element” option. This will open a window pane that will show the website HTML and CSS. As you hover over the items in the inspect pane, it will highlight the portions of the web page connected to that element.

    See the following link for additional information for the major browsers.
    https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

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

The topic ‘Remove Search Button in Header’ is closed to new replies.