Ohkay so my new website: www.trance-sylvania.com everything seems to be working fine but I noticed I CAN'T SEE MY MENU when i go on my website? I can't. I called 4 friends all using diffrent browsers AND THEY CAN SEE IT? but then icalled another and one cant. So including me 6 people tested it. 2 can't see it and 4 can?

Heres a screenshot of mine:

you see i don't see my menu? other people do? i know it isn't my settings or anything i just have no idea why. i cleared everything chachie, cookies, etc I ALSO EVEN used CHROME && IE samee thing menu doesn't show.

please help??!

Please help?/:

and which browsers work and which don't??

It doesn't show if it doesn't fit (if the window is too small). If i shrink my window a bit the menu disappears. It's probably the containing div tag that hops down under the pages content where it can't be seen.

Did you clear your Cache?

Originally Posted by lizciz

It doesn't show if it doesn't fit (if the window is too small). If i shrink my window a bit the menu disappears. It's probably the containing div tag that hops down under the pages content where it can't be seen.

what do you mean div tags?? help ?


&& i dunno doesnt work for me i used firefox, internet explorer, and chrome, other ppl use the same and it alllll works for them perfectly. and yes i cleared my cache

Ok,
Ive done some debugging with firebug.

The problem is when your browser window size is too small to contain the whol menu "div" it moves down under all your content.

Its the "stuffing" div thats causing issues.

As another member pointed out, When the browser windows width is changed too small, the menu ( stuffingdiv ) shifts down under all the content ( Its still there, just hidden under your content.

I suppose an easy fix would be to put less on the menu ( make it no so wide )

However, A long term fix is beyond me. My css is rough around the edges.

I agree with lynxus. Your site is like a liquid layout. So, when the navigation doesn't have enough room to fit, the navigation moves down (which happens to be behind the content). So if your screen resolution is below 800, your navigation will shift into another place. If you have a screen resolution above 1200 you'll see it fine.

Now there are a few solutions. In order for you to see what is happening, I want you to change your header height to 100%. Now adjust your browser window. You should see it bounce around on the white background. Ok, now that you can see whats happening, lets remove the height.

Here are some ideas of solutions to help you get started:
One way is to make the header section not fluid (so it won't adjust). In order to do this is defining a width on the div id ="header".

The other method is positioning absolute (right defined as 0) the div class="stuffing".

This pretty much can get fixed with css.

what file do i exactly edit and what part of the file?
sorry im complete noob at this

Looks like you need to edit index.php.

However as its a PHP file you may be including the header / other stuff from another file
( includes/header.php ) ? or something like header.php ?

Honestly, I dont think theres much else any of us can do to help? Maybe hire someone to fix it?

As posted above, this could be solved (at least to some extent) by CSS.

Open this file: /wp-content/themes/FolioGrid/style.css

Find this row:
.blogInfo { text-transform:uppercase; font-weight:bold; line-height:2em; }

And add: position:absolute; top:10px; left:0;

So that it looks like this:
.blogInfo { text-transform:uppercase; font-weight:bold; line-height:2em; position:absolute; top:10px; left:0; }

This means that the menu will actually go into the page title if the window width is too small, but at least the menu will still be visible.

Alright I added that code and uploaded it......stillll nothing..?

Well, you did something, cause the menu isn't moving behind the content anymore. But looking at your code I cannot see the absolute positioning i asked you to write above.

It seems you added a fixed height to the header though?

Originally Posted by lizciz

Well, you did something, cause the menu isn't moving behind the content anymore. But looking at your code I cannot see the absolute positioning i asked you to write above.

Hint to the OP: if you don't know what you're doing and someone who does is helping you, follow what they say and don't try to second guess them