Hi and HELP!

I've been trying to fix this problem without success on my own.

I'm using "boxes" for my links, and when I view the page on my phone, the titles in the navigation box extend beyond the borders of the box. So, I took off the borders, but interestingly, it only works for two of the three pages I've created so far. I can't understand it.

Here are the links:
this page works:
www.sacklerlefcourtcenter.com/2014

this page doesn't display the nav boxes properly:

http://sacklerlefcourtcenter.com/2014/mission.html

In the next post, I'm going to send the css code that I thought would work.

This turns the border on:

and is on a custombg.css page


.container.navcontainer {
margin-right: auto;
margin-left: auto;
width: 80%;
border: 5px ridge #8193C7 ;

}

This turns the border off for two pages and not for the mission.html.
@media screen and (max-width: 695px) {
.container.navcontainer {
margin-right: auto;
margin-left: auto;
width: 80%;
border: 0px ridge;

}

Can you upload your .rlmp project file and post a link to that?

this may be tmi at this point, but I originally had the "one page still displays borders" problem with the principles.html page. So, to problem solve, I duplicated the mission.html page in RLM, and recreated the principles.html page , and then the problem switched to the principles page.

I even removed the borders completed in RLM, and just use the css provided by the custom pages to create the borders.

Thanks in advance!

Here it is.

so, I think I fixed my problem. I expanded all the different columns to full width at the 784 pixel mark, ok earlier than I wanted to ..., so that one column couldn't go "north" of another. And viola!