I'm really sorry to be such a pain but I changed that and the same -

It's still the same.
At very bottom of the page I still see 311px.
http://tippingproductions.com/tpc/demos … /style.css

Thanks!!!!!!!!!!!!!

I saw the 311 line in yours so I copied it and pasted it - sorry misunderstood.

How do I make this not repeat in the future? I just pasted menu builder's files and folders

Thanks again - it was driving me crazy and my client is VERY picky

Byron

You should be able to get the proper setting in the menu builder by making the adjustment that I pointed out. It worked for me. I would make sure your actually publishing the new files by deleting the old ones off the server before you upload your new ones. This way you can verify their gone.

good point - I just overwrote. Which brings me to an interesting point that I have discussed with Go Daddy before. When I use CC FTP program I can't get it to erase the previous files. Its odd as I can erase all files in a demosite and it looks empty. If I close the FTP and open it to that site the files are still there. It overwrites ok but I can't get it to erase. The Go Daddy rep I spoke to said that it is very rare but he has had it happen before with our FTP client. Not complaining - I love CC's software, I own everything you guys have.

Byron

Eric,

I think, and someone should confirm, the problem is with the way the software is writing the style.css file. If you download his mb file and convert it I think you can see this.

The software is writing media queries

@media screen and (max-width:1108px)
and
@media screen and (max-width:1045px)

below in the css file

@media screen and (max-width:869px)
and
@media screen and (max-width:325px)

With those 2 media queries below the 2 others, they cancel out the widths of those 2 others. The browser sees the last css media screen query as max-width 1045px and says ok anything up to max width 1045px I’ll scale to 311px.

When using max-width for media queries they need to appear in the css in descending order. When using min-width for media queries they need to appear in the css in ascending order.

You can prove this by moving the code below just above @media screen and (max-width:869px) in the css file. It works fine then.

Move this


Above this



Someone at CC needs to look at the software and see why this happened IMO.

Those media queries will only become active at the screen width it's linked to.

True. And if media query 869px was below media query 1108px and 1045px in the css, the width of his menu would have been full page because he has #menuBuilder{
max-width:none; set @ 869px.

A css file is read by a browser from top to bottom.

In a css file


is not the same as



See the enclosed file

It looks like you removed the 311px line where I think it should have been set to 100%

Note to Coffeecup:

In case you don’t already know, MB is writing queries out of order only on media queries @ 1000px or larger. Any queries below 1000px seem to be fine.

See enclosed files. Media queries @ 1000 and 999px

EDIT: I would have uploaded the files to help you out but you have a 100kb max so I couldn’t upload the 377kb file