Oh and I also forgot. #site-navigation needs height:auto;
HTH, Best, Karl DeSaulniers Design Drumm http://designdrumm.com > On Apr 3, 2017, at 5:56 PM, Karl DeSaulniers <k...@designdrumm.com> wrote: > > 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 <ckavin...@gmail.com> 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 [css-d@lists.css-discuss.org] >> 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 [css-d@lists.css-discuss.org] > 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 [css-d@lists.css-discuss.org] 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/
