Want Menu in my footer to Match top Menu in Every Detail PLZ

  • TXTVIPS

    #9733

    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;

    }


    TXTVIPS

    #44442
    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;

    }


    Luko

    #44443

    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;
    }

    TXTVIPS

    #44444

    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

    Luko

    #44445

    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.