Menu Builder and RLM - Post ID 238571

User 458539 Photo


Registered User
1,583 posts

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


Senior Advisor
20,181 posts

It's still the same.
At very bottom of the page I still see 311px.
http://tippingproductions.com/tpc/demos … /style.css
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 458539 Photo


Registered User
1,583 posts

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
User 187934 Photo


Senior Advisor
20,181 posts

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.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 458539 Photo


Registered User
1,583 posts

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
User 171749 Photo


Registered User
91 posts

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

@media screen and (max-width:1108px){
#menuBuilder #nav ul li.menu_items > a span.text_menu_link{
font-size:0.8em;
}
#menuBuilder{
max-width:311px;
margin-left:auto;
margin-right:auto;
background-image:none;
}}
@media screen and (max-width:1045px){
#menuBuilder .nav-button{
max-width:none;
margin-left:auto;
margin-right:auto;
}
#menuBuilder #nav ul li.menu_items > a span.text_menu_link{
font-size:0.7em;
}
#menuBuilder{
max-width:311px;
margin-left:auto;
margin-right:auto;
background-image:none;
}}


Above this


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


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


Senior Advisor
20,181 posts

Those media queries will only become active at the screen width it's linked to.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 171749 Photo


Registered User
91 posts

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

@media (max-width: 1000px) {
html { background: green; }
}

@media (max-width: 500px) {
html { background: red; }
}


is not the same as


@media (max-width: 500px) {
html { background: red; }
}

@media (max-width: 1000px) {
html { background: green; }
}


See the enclosed file
Attachments:
User 187934 Photo


Senior Advisor
20,181 posts

It looks like you removed the 311px line where I think it should have been set to 100%
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 171749 Photo


Registered User
91 posts

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 :P

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.