/functions.php
Last active Feb 2, 2016
Add Expanded Navigation Menu to Genesis Footer - http://amethystwebsitedesign.com/add-expanded-primary-navigation-menu-to-genesis-footer/
| <?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