Hey Chris,
Just fyi. Got these errors.
[Error] Failed to load resource: the server responded with a status of 404 (Not
Found) (style-header.css, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not
Found) (style-footer.css, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not
Found) (style-content.css, line 0)
Try these. I think this is the desired effect your looking for.
ul.nav-menu ul a, .nav-menu ul ul a (has hardcoded width of 200px... remove)
#site-navigation (needs overflow:hidden;)
#site-navigation ul {
list-style: none;
margin: 0 8px 0 0;
padding: 0;
display: block;
transition: 0.3s;
position: relative;
overflow: hidden;
}
#site-navigation li {
margin: 0;
padding: 8px;
display: block;
}
#site-navigation a {
padding: 8px;
text-decoration: none;
color: #fff;
display: block;
border-bottom: 1px solid #fff;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: .9em;
}
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
> On Apr 3, 2017, at 4:17 PM, Chris Kavinsky <[email protected]> wrote:
>
> I'm in the process of redesigning a site for a client. I added a side
> navigation for the main nav on smaller screens. One problem I'm having is
> that on mobile devices, the screen pushed over to the left and leaves space
> for the sliding side navigation even though its not engaged. It doesn't do
> this on desktop browsers with a small screen. Any ideas on what's causing
> this and how to fix it? Thanks.
>
> http://50f.d99.myftpupload.com/
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
