Skip to content

Instantly share code, notes, and snippets.

@mjsdiaz
Last active February 2, 2016 06:56
Show Gist options
  • Save mjsdiaz/34799d17e72348ee3d8e to your computer and use it in GitHub Desktop.
Save mjsdiaz/34799d17e72348ee3d8e to your computer and use it in GitHub Desktop.
<?php //Don't add this line
//* Add support for 3-column footer widgets
// add_theme_support( 'genesis-footer-widgets', 3 );
//* Add support for 1-column footer widgets
add_theme_support( 'genesis-footer-widgets', 1 );
/* Footer Menu - Add just above the first @media section
--------------------------------------------------------- */
.footer-widgets-1 {
width: 100%;
}
.footer-widgets-1 .menu > .menu-item {
border-bottom: 0; /* removes dotted border-bottom */
display: inline-block;
float: left;
font-weight: 700; /* makes first item bold */
margin-left: 2.564102564102564%; /* column grid margin */
vertical-align: top; /* aligns items at the top */
width: 23.076923076923077%; /* column grid for 4 main items */
}
.footer-widgets-1 .menu .menu-item ul {
display: block; /* expand all the sub-menus */
margin-top: 6px;
}
.footer-widgets-1 .menu > .menu-item:first-child {
margin-left: 0; /* removes column grid margin on first top menu item */
}
.footer-widgets-1 .widget li li {
margin: 0; /* removes indentation on sub-menu items */
}
.footer-widgets-1 .menu .menu-item .menu-item {
display: block; /* sub-menu items are block */
font-weight: 300; /* normal weight sub-menu items */
width: 100%; /* sub-menu items are full width */
}
/* Add the two sections below to the very bottom of your style.css */
@media only screen and (max-width: 1200px) {
.footer-widgets-1 {
padding-left: 30px;
width: 100%;
} /* add to bottom of 1200px @media section */
}
@media only screen and (max-width: 800px) {
.footer-widgets-1 .menu > .menu-item {
display: block;
float: none;
margin-left: 0;
width: 100%;
} /* add to bottom of 800px @media section */
}
/* Use these @media sections for child themes before Genesis 2.1.1 */
/*@media only screen and (max-width: 1139px) {
.footer-widgets-1 {
padding-left: 30px;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.footer-widgets-1 .menu > .menu-item {
display: block;
float: none;
margin-left: 0;
width: 100%;
}
}*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment