I just updated a website (used a new template from bravenet) and one of my friends who is on a mac can't view the menu bar and therefore can't navigate the website.
Does anyone know why this is and how I can fix this?
Really appreciate if you can please help with some advice.
Viewing from a Mac is not the issue. The menu also doesn't show in Firefox on a PC. The menu is really there, but it's hidden behind the image you placed in the header. It's just that Internet Explorer misunderstands enough of the HTML to display it. The other browsers put it where it's told to be.
Working with templates that are fully CSS is a little difficult to get use to. To change the look and feel of the page, you should be editing the style sheet, rather than the HTML file. This will then carry your changes across all pages, without having to edit each page individually. It's often difficult to figure out what changes affect which part of the page. But the template you chose is designed rather well. I use it myself (Kvetching About Templates) and found it pretty easy to work with.
The fix is pretty simple, but the explanation is not. I'll just list the fix because time is a little tight right now. If you want a full explanation, let me know.
The fix is to open the style sheet, "Enlighten.css" and modify the header height. Below is a copy of the "header" style and shows the modification. I increased the height from 176 pixels to 235 pixels, because of the size of your header image. This puts your menu below the image, instead of behind it, and pushes the rest of your content down a little bit. Not that I just commented out the original setting and added a new setting. This leaves a reminder behind of any changes.
Hi Philo,
Thanks so much for your reply - that makes sense about firefox!
I can't seem to find the enlighten style sheet - it is not in my file manager - do you have any other advice on how I would find this?
Sorry - thank you so much
:)
Hi Philo,
continued from the previous email - I created a html file for each of the web pages - I didnt work off a style sheet (I dont think?).
Does this mean I should update each of the html files?
Thanks again
Apologies Philo - I have just found the style sheet :) This is the first website I have made and am really just learning :) I will see how I go with your instructions!!
:)
Yes, you will have a separate HTML file for each of your web pages, but they all use the same style sheet. You will find the reference to style sheet in the
structure for each page. It should look something like the following.
Any changes to the style sheet will affect all of your pages. That's why it's important to understand what it does and how it works. With a CSS enabled template, the HTML file handles content, and the CSS handles the structure. You may want to browse through this link to W3Schools - CSS Tutorial. It may help clarify things.
