cant remove header

May 18, 2010 7:51 AM

need html help to remove the header on mr site and more...

whilst dying from man flu, I have been attempting to remove the mr site header that all the templates force on you - im basically trying to get it so that all it has is the background and the links - but please, please tell me how to remove this header !!!!!

posted by sgt.serenity to computers & internet (18 answers total)

Is it possible for you to link to the specific template you're trying to work off of?
posted by royalsong at 7:53 AM on May 18, 2010

ok here
posted by sgt.serenity at 7:55 AM on May 18, 2010

Looks like all you need to do is remove <div id="mainHeaderWrapper"> and its contents from the template.
posted by ook at 7:57 AM on May 18, 2010

how do i do that mate ?
posted by sgt.serenity at 7:58 AM on May 18, 2010

oh my goodness.. and this is a template you paid for?

I'm going to take a stab in the dark and suggest it's one of these DIV's:

[div id="mainHeaderWrapper"]
[div id="mainheader_wrap"]
[div id="mainHeader1"]

Most likely that last one. Remove it and it's [/div] tag and see if that works.

The header image and size are being defined in one of the like, four CSS that are being linked.
posted by royalsong at 8:02 AM on May 18, 2010

ok here we go
posted by sgt.serenity at 8:03 AM on May 18, 2010

HTML templates are just text files. You should be able to open them in the text editor of your choice and edit them as you would any other text.

I'm not familiar with "Mr. Site," though; if it's some sort of online sandbox that doesn't allow you access to edit the templates directly, you could hide the header by adding this to the CSS:

#mainHeaderWrapper {display: none}
posted by ook at 8:05 AM on May 18, 2010

are you not working in an HTML editor? (Dreamweaver is the best known)

1. Pull the index.html file onto your computer.

2. Copy it and rename the file index[OLD].html (just incase it doesn't work you still have a point you can go back to)

3. Open index.html in note pad.

4. Highlight the code and delete.

5. Save and reload to your server, replacing the existing index.html
posted by royalsong at 8:05 AM on May 18, 2010

doesnt work - maybe need a bit more than that ook - it is a sandbox though
posted by sgt.serenity at 8:22 AM on May 18, 2010

And don't forget to hit 'refresh'. When working on a site, I tend to forget about that and wonder why what I have done makes no difference at all.
posted by Vaike at 8:31 AM on May 18, 2010

cheers - refreshing away - still with the header though - i'm hoping to move the menu down to the middle of the page also - really need help to do that.
posted by sgt.serenity at 8:42 AM on May 18, 2010

being unfamiliar with exactly how mr. site works..

it might not be possible to remove that header within the confines of the template.
posted by royalsong at 8:46 AM on May 18, 2010

doesnt work - maybe need a bit more than that ook

Which one doesn't work? Editing the html, or editing the css? Because doing either of those would definitely remove the header; it's just a question of what this "Mr. Site" thing will allow you to change.

(If it completely prevents you from editing the templates and the css, I'd recommend using a different tool to build your website, because that would be awfully limiting.)
posted by ook at 8:49 AM on May 18, 2010

i think i need a different bit of css to sort it out
posted by sgt.serenity at 8:53 AM on May 18, 2010

If the header you're trying to remove is the image with the "Steven Reynolds" text, then the CSS I gave you will remove it. Honest.

Where did you put the css? If you're making these changes on the live site, I'm not seeing where you tried added it. (A bit more specificity in your responses would be helpful. "It doesn't work" or "I think I need a different bit of css" doesn't give us much to go on.)

If you look at your css/base.css file you'll see a declaration already there for #mainHeaderWrapper. If you can, just edit that file to add "display:none" to that declaration and the header will go away.
posted by ook at 9:09 AM on May 18, 2010

it doesnt show the htmal on the main page mate - but ive tried to put in :


"
@import url(css/plugins.css);
@import url(css/base.css);
@import url(css/nav.css);
@import url(images/css999.css);
@import url(css/custom.css);

#mainHeaderWrapper {display: none}"
posted by sgt.serenity at 9:57 AM on May 18, 2010

which appears to be working - the header comes up then dissapears - i can maybe live with that
posted by sgt.serenity at 9:59 AM on May 18, 2010

ok sorted - thanks.
posted by sgt.serenity at 3:36 PM on May 18, 2010