Footer Menu

[fersamp]

HI,

 

I would like to insert a Footer Menu with Terms of Service page, Contacts ecc.

I need to use a menu instead of simple links because my site is multilanguage, so I prefer to use a menu so that I can translate it easy.

 

In my site now I use simple html links to do this.

If I create a Menu, how can I put it in the footer?

 

Thanks

 

[Radu]

Hi,

You can create a menu, then you can add menu Custom Menu widget to the Forum Column 1,2,3 or 4 the menu will be shown vertically.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[fersamp]

I would like to have an unique horizzontal footer menu

[Radu]

Hi,

Add custom menu widget from wp-admin -> appearance -> widgets -> footer column 1.

choose your menu then add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

div#footer-sidebar-1 {
    width: 100% !important;
}

#footer .col-sm-3 {
    width: 100%;
    text-align:center;
}

#footer .col-sm-3 ul li {
    display: inline-block;
    text-align: center !important;
}

.footer-color .widget_nav_menu li:first-child > a {border-top: 0 !important;}

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[fersamp]

HI,

your code is what I need, but I still have a little question: what is the css to do what I marked in the attach?
I mean one vertical centered menu and a simple string in the bottom?
The bottom menu I wrote with html and I have problem with translation, instead a wordpress menu is automatically translated, this is the reason why I would like to use a wp menu.

Thank you very much

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Please replace the css that i provided you in previews reply with this

COPY CODE

.kleo-extra-footer-menu ul li {
    display: inline-block;
}

.kleo-extra-footer-menu ul {
    text-align: center;
}

Then add this snippet to wp-content/themes/kleo-child/functions.php

COPY CODE

function kleo_extra_footer_menu_register() {
    register_nav_menu('extra-footer-menu', 'Extra Footer Menu');
}
add_action( 'init', 'kleo_extra_footer_menu_register' );
function kleo_extra_footer_menu($output, $option){
    if( !is_admin() && $option == 'footer_text' ){
        ob_start();
        wp_nav_menu( array( 'theme_location' => 'extra-footer-menu', 'container_class' => 'kleo-extra-footer-menu' ) );
        $menu = ob_get_clean();
        return $menu . $output;
    }
    return $output;
}
add_filter('sq_option', 'kleo_extra_footer_menu', 10, 2);

Then go to wp-admin -> appearance -> menus -> select your footer menu and check the new location named Extra Footer Menu

Let me know if is ok

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[fersamp]

It works, sorry but not perfect centered, how can I fix it?

[Radu]

Add also this css

COPY CODE

.kleo-extra-footer-menu ul {
    margin: 0 !important;
    padding: 0 !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[fersamp]

thank you very much

[Author]

Posts