The header doesn't show up at all, but it did mess with the font size of the forum's default header.

The footer DOES have the logo, and text of the main site's footer...but it's not formatted correctly.

I then tried adding my assets folder from the main site to the /showforum directory, in case it was trying to find those files in the forum directory. This had no apparent effect.

The mobirise-generated files for the main page DO have .js files that accompany the .css files, but I don't know if I need to include these in the /showforum directory, or where to put them if I do.

I've tried to be as detailed as I can with what I've done so far. Again, I'm new at this but I've done a ton of reading, and trial & error, but have reached a brick wall. I appreciate any advice or insight anyone might be able to share on how I can move forward!

Thanks for the suggestion. Yes, I refreshed and tried in both FF and IE. As an idiot check I just tried from another computer altogether and it still shows the same: no header and an unformatted footer.

Hey
You would be better off doing one part at a time as that's easier.

If you want the new footer to be site wide it needs to be below/outside the wrap, in your carbon style the wrap div is called carbon_wrap

The same applies to your header, that needs to be above/outside the carbon_wrap div.

The font sizes and other bits being messed up is caused by some of the css you're importing overriding the style css, for example the boostrap.min.css has over 7000 lines, I would suggest creating a header/footer style sheet and only copying the css that it actually needs, as that should make it easier.

So, I did paste my html code outside the wrap div's, but checking made me realize what I did that's at least causing part of the problem...when I copied the code from my site's html source, I copied only the header info (pasted in section, 1 above). When I looked at the forum's "overallheader.html" file, I noticed the header code for the forum is actually in the "body" of the html file. I looked back at my main site's html source again, and realized I didn't copy the other half of the code that was in the "body" of that file! I copied that bit of code over, and now I have my header bar! It's still missing images, but I'm on the right path thanks to your suggestion.

I'll say it again: I'm very new to this, but it is making more and more sense with each problem I come across, lol. Thanks again!

you do not need, nor can you use, anything to do with the mobirise stuff.

as for the css all you need to do is include the css that affects the code I posted above. you can copy and paste it from your css files into the phpbb css files
you would copy and paste that into the overall_header.html file of your phpbb style . you should put it above the wrapper tag as mentioned above.

I'll say it again: I'm very new to this, but it is making more and more sense with each problem I come across, lol. Thanks again!

In case you are unaware in your browser you can right click something that is giving you an issue, select inspect element. This will open the developer console. Depends on the browser but on right hand side should be the CSS rules affecting that particular element, what file they are coming from and what line.

If you have not already done use a text editor like Notepad++ which is made for editing code.

Hello again, I've made what I feel is amazing progress over the past week. I have the custom header on the site, and it works! I have encountered one final issue that I'm hoping someone can shed light on.

The header on the home page is perfect, but the header on the forum is not centered. The top of my logo image is cut off, the nav bar is wider, and the nav buttons are physically bigger, while the height of the menu bar itself is shorter. You can see the disparities quite clearly on the following links:

The menu bar is still responsive, and trims itself down when viewed on mobile. I'd say I'm at a 99% solution, but I'd like to get this right. The HTML is identical, and I've linked all the same css files as the home page uses. I'm guessing it's a conflict between the forum's height/width setting somewhere, but I've so far been unable to figure it out. I once again appreciate any help/insight!

The problem seems to be to do with this line .cid-qTkzRZLJNu .navbar { it's repeated in the css 6 or 7 times, you shouldn't need 3000 lines for a menus css, it even slows the fireforx inspector tool down,

Thanks for your help. That fixed the vertical disparity and the logo getting cut off!

I agree that my css is way too fat. Now that I've got the menu working, my next goal is to trim things down to just the necessary code. I want to at least eliminate duplicate css, and I've begun looking into using csspurge via node.js. I downloaded it, and installed node.js but I couldn't figure out how to install css purge...It's taken me the last 2-3 weeks to build a basic understanding of html, css, and simple tools like browser inspecting and css extracting, I figure it'll take me a even longer to do anything more advanced.

I'm all ears if you have any tips or tricks on how I can optimize things.