6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Header of website

by MichaelCo
5 replies
  • WEB DESIGN
    • |
I need to remove a part of the header, as you can see i have highlighted which part that i have no idea how to remove.

How would i go about it?

Thanks
Michael
#header #website
  • Profile picture of the author Dennis Millbrath
    What kind of site is this? Is this just html or a content management system?
    {{ DiscussionBoard.errors[9162798].message }}
    • Profile picture of the author MichaelCo
      It is a wordpress site. I installed a theme.
      {{ DiscussionBoard.errors[9162864].message }}
      • Profile picture of the author CynthiaC
        Do you have code you manually inserted <head> here? </head>

        It is difficult to see your small image but it looks like you have some stray code above your header area
        Signature

        {{ DiscussionBoard.errors[9163513].message }}
        • Profile picture of the author Metacomet
          Important, OP: Backup any files you edit by copying and pasting them or downloading them before making edits

          Originally Posted by CynthiaC View Post

          Do you have code you manually inserted <head> here? </head>

          It is difficult to see your small image but it looks like you have some stray code above your header area
          You know it really does look like the text meant for his header has been placed in a stray container in header.php or something.

          The header text is being placed (or misplaced) in a separate div or table from the main header instead of being properly nested inside it.

          For those unfamiliar - WP lets you set Header text including a Site Title or slogan in the "Header" editing section. Sometimes this text can go stray if your theme is out of whack, either from WP versions or something else.

          Axing it directly from Header.php shouldn't cause any issues unless you really need that text in your header.

          Another option would be disabling "header text" from the Header editor in WP and see if that fixes it. Do this FIRST if you can OP (no need to backup anything with an edit like that as you can just re-enable it from the WP backend). May have just typed a lot for nothing, but that is my way.
          {{ DiscussionBoard.errors[9163571].message }}
  • Profile picture of the author Metacomet
    *edit* OP make sure to read my next post below before going anywhere:

    Originally Posted by MichaelCo View Post

    I need to remove a part of the header, as you can see i have highlighted which part that i have no idea how to remove.

    How would i go about it?

    Thanks
    Michael
    Looks like you have Chrome -

    1) Press CTRL+SHIFT+I

    This will open your Developer console

    2) Click the little Magnifying Glass / Search Icon in the upper left of the console, this is your inspector - Firefox will have something similar

    3) In Chrome (as I'll show in the image below) - you need to directly click elements on a page to access them in the HTML structure - you will then see that HTML structure presented to you - you can then navigate the nesting of this structure to find the specific ID of whatever DIV or TABLE element is housing your header.

    I've done so with this site just now and as you can see the container for the header on this forum is in a Table with ID "Table_01"



    View the full image here

    Most often you will see a DIV containing a header instead, but it will still have an ID.

    If you identify the container of your header you can then set some custom CSS rules to hide that container completely OR you can (hopefully) remove it from Header.php which I will explain below.

    If that method didn't work (editing Header.php) directly may need to do CSS edits, if you need help editing the CSS or have never done so before lemme know. For most themes that don't make it easy, you have to access their main styles.css file from the File Manager in the CPanel of your site. This can be complex so I'll hold my tongue unless you need further details. I would recommend searching "How to edit CSS of a WP theme" but honestly, I'm a better teacher than most websites, so just lemme know.


    View this thread if you want to know how to access and edit Header.php and Footer.php from the WP backend

    In this linked thread I'm answering a question on editing the Footer.php which is going to be similar to editing the Header.php. In the linked thread the user wants to know how to remove standard WP links from the footer. I recommended removing what was between the DIV tags but keeping the tags there for future use. You can most likely just remove whatever element you identify from the console though.

    Hope this helps, any questions just ask.
    {{ DiscussionBoard.errors[9163541].message }}

Trending Topics