April 1, 2015 at 8:18 am
#23691
Participant
Hi,
when you look at the startpage
I added those two things to the custom.css
.wrapper {
background-color: transparent;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#main {
padding: 20px 30px 10px;
margin-top: 30px;
margin-bottom: 30px;
background-color: #ffffff;
}
With the padding, I minimized the white space in the #main div at the top and bottom AND pushed the div to the left and right, so the width is the same as the header and footer. But when you minimize the window to get the mobile version, the #main div exceeds the width on the right side. I don’t know if padding is the proper way to do this, it worked for the “normal” view, so I used it temporary.
Thanks