Want Menu in my footer to Match top Menu in Every Detail PLZ
-
I customized my TOP MENU exactly the way I like it .
But cant figure out how to make MENU in footer MATCH TOP MENU EXACTLY !
My site is
www.fastestcashforhomes.com
Using graphene Version: 1.9.4.1
WP 4.1
Child Theme style.css
/*
Theme Name: Graphene Child
Theme URI: http://graphene.com/
Description: Child theme for the Graphene theme
Author: John Odle
My Site http://www.fastestcashforhomes.com
Author URI: http://example.com/about/
Template: graphene
Version: 1.0
*/
@import url(“../graphene/style.css”);
/* Your modification goes below here */
/*REMOVE PAGE NAMES FROM TOP LEFT CORNER of ALL PAGES*/
.post-title {
display:none;
}
code {
white-space: normal !important;
}
#header-menu, #secondary-menu {
display: table !important;
margin: 0 auto !important;
}
Quote:I customized my TOP MENU exactly the way I like it .But cant figure out how to make MENU in footer MATCH TOP MENU EXACTLY !
i want the hover indicator to be same on footer menu as header menu
i want it center aligned when done.
My site is http://www.fastestcashforhomes.com
Using graphene Version: 1.9.4.1
WP 4.1
Child Theme style.css
/*
Theme Name: Graphene Child
Theme URI: http://graphene.com/
Description: Child theme for the Graphene theme
Author: John Odle
My Site http://www.fastestcashforhomes.com
Author URI: http://example.com/about/
Template: graphene
Version: 1.0
*/
@import url(“../graphene/style.css”);
/* Your modification goes below here */
/*REMOVE PAGE NAMES FROM TOP LEFT CORNER of ALL PAGES*/
.post-title {
display:none;
}
code {
white-space: normal !important;
}
#header-menu, #secondary-menu {
display: table !important;
margin: 0 auto !important;
}
Replace the code under @import… in your child-theme style.css with this code:
/* Your modification goes here */
/*REMOVE PAGE NAMES FROM TOP LEFT CORNER of ALL PAGES*/
.post-title {
display:none;
}
code {
white-space: normal !important;
}
#header-menu, #footer-menu {
display: table !important;
margin: 0 auto !important;
}
#footer {
padding-bottom: 50px;
}
.menu {
display: table;
margin: 0 auto;
}
/**/
#footer-menu > li {
font: 20px arial;
padding-left:0;
margin: 0px 0px 0px 15px;
}
#footer-menu > li:hover, #footer-menu > li.current-menu-item, #footer-menu > li.current-menu-ancestor {
background: linear-gradient(#F00, #F00) repeat scroll 0% 0% transparent;
}
#footer-menu a:hover {
border-bottom:none;
}
#footer-menu > li > a {
line-height: 16px;
padding: 9px 10px 10px;
font-weight: bold;
display:block;
}
.footer-menu-wrap {
margin:0 !important;
}
#footer-menu > li:first-child {
margin-left: 0px;
}Luko
ty for ur time however the code u gave me
1 Did not give me a Hover Color
2 Moved my Red part of my Footer Menu to the left instead of staying centered
3 Seems to have broke the bottom menu links to 3 of the pages CONTACT US HOMES RETURN TO TOP
Then try with this:
/* Your modification goes here */
/*REMOVE PAGE NAMES FROM TOP LEFT CORNER of ALL PAGES*/
.post-title {
display:none;
}
code {
white-space: normal !important;
}
#header-menu, #footer-menu {
display: table !important;
margin: 0 auto !important;
}
#footer {
padding-bottom: 50px;
}
.menu {
display: table;
margin: 0 auto;
}
#footer-menu > li {
font: 20px arial;
padding-left:0;
margin: 0px 0px 0px 15px;
}
#footer-menu > li:hover, #footer-menu > li.current-menu-item, #footer-menu > li.current-menu-ancestor {
background: linear-gradient(#F00, #F00) repeat scroll 0% 0% transparent;
}
#footer-menu a:hover {
border-bottom:none;
}
#footer-menu > li > a {
line-height: 16px;
padding: 9px 10px 10px;
font-weight: bold;
display:block;
}
.footer-menu-wrap {
margin:0 !important;
}
#footer-menu > li:first-child {
margin-left: 0px;
}
#footer-menu {
background:none !important;
}
#developer {
margin:60px 5px -40px 0;
}
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.