[skstigger]

So I looked around some more and found the following code that I put in the CSS Custom Code area. Now it looks like I want it on my computer BUT I seem to have lost the mobile responsiveness. Totally stinks on my phone.
Any ideas on how to fix it??

Here is the code I am using:
/* To center Primary and Secondary Navigation */

#nav ul, #subnav ul {
float: none;
width: auto;
display: table;
margin: 0 auto;
}
*/ To change widths of inner parts of page */
body {
background: #f5f5f5;
margin: 0 auto;
width: 1100px;
}

#inner {
width: 1100px;
padding: 0 20px;
}
.content-sidebar #content-sidebar-wrap {
width: 1060px;
}
.content-sidebar #content {
width: 740px;
}
.sidebar {
width: 300px;
}
.full-width-content #content {
width: 1040px;
}

.footer-widgets-1, .footer-widgets-3 {
width: 335px;
}
.footer-widgets-2 {
width: 340px;
}
/*To Widen Center Area and Get Rid of Borders*/
body {
width: 95%;
}
#header .wrap,
#footer .wrap,
#footer-widgets .wrap {
margin: 0 auto;
max-width: 1100px; //This is the default Prose width, but you can change it if you want.
}

[skstigger]

Does that just change the color? I want to make the main page larger and the border smaller.

Thanks!
Sandy

[Author]

Posts