Skip to content

Instantly share code, notes, and snippets.

@msisto
Created March 7, 2013 15:37
Show Gist options
  • Save msisto/5108899 to your computer and use it in GitHub Desktop.
Save msisto/5108899 to your computer and use it in GitHub Desktop.
@kaishin: This is from a WP template I am working on. At this stage, it's in pretty dire need of refactoring so I stripped out the content to leave just the markup and relevant styles. Pretty basic. What has me stumped is that this happens sometimes, but not others and I haven't been able to find a common factor.
<html>
<body>
...
<section class="footer">
<div class="container">
<nav class="footer-nav">
<h6>Header text</h6>
<?php wp_nav_menu( array( 'menu' => 'Footer', 'menu_class' => 'nav-menu-footer', 'container' => false ) ); ?>
</nav>
<div class="footer-copy">
<h6>Header text</h6>
<p>Blah blah blah</p>
</div>
</div>
</section>
</body>
</html>
//****************************************
// Relevant styles
//****************************************
$max-width: 1100px
//********************************************************//
// Footer
//********************************************************//
section.footer
background: rgba(255,255,255,0.1)
color: rgba(255,255,255,0.65)
font-size: 14px
a
color: rgba(255,255,255,0.65)
text-decoration: none
&:hover
color: rgba(255,255,255,1.0)
h6
color: rgba(255,255,255,0.65)
font-size: $font-size
.footer-copy
+span-columns(8)
.footer-nav
+span-columns(4)
ul, li
list-style-type: none
margin: 0
padding: 0
@kaishin
Copy link

kaishin commented Mar 8, 2013

@msisto Theoretically this should work without any issues. Maybe give .container an outer-container() ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment