Site map in the footer always visible

Travelify
1

Hi, first at all, congratulations for all the excellent material that give us and for your supreme support team.

My questión is, How can i put a site map at the footer like this demo-site including links, images and always visible

Thanks

2

Hi @fcopalestina,

I hope you are well today and thank you for your question.

You can try achieving this by creating menu and adding it using custom menu and text widgets in the footer widget area as shown in the attached screenshot.

Best Regards,
Movin

3

Thanks @movin

But all the text in the custom menu is vertical, i want groups of text, like the image.

4

We can make them group of text by developing custom CSS code.

Could you please share me your site URL where it’s displaying so that i can help you to achieve it?

5

Yes, temporarily my site is: http://189.204.111.243:2280/wordpress/

thanks

6

I visited your shared site and saw the text in group and not vertical as shown in the attached screenshot.

Please advise.

7

@Movin the blue one isn’t a footer is just a rectangle at home page.

Now i put a footer with the custom menu in the widget section, and all is vertical

Thanks

8

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Travelify Other Options

#footerarea .widget_nav_menu li {
    background-image: none;
    padding: 0;
}
#footerarea .widget_nav_menu .menu {
    overflow: hidden;
    column-count: 3;
-webkit-column-count: 3; 
    -moz-column-count: 3;
}
9

Thanks @Movin

But I would like all the footer menu like the header menu width and with a blue background

10

I am not sure what you meant by “all the footer menu like the header menu width” but you can apply on them a blue background using below CSS code.

#footerarea .widget_nav_menu {
    background: #105D7B;
}
11

Hi @movin

What I mean, i would like the footer size like the entire width (see attached image)

12

You can try using below CSS code to make it full width.

#footerarea .widget_nav_menu {
    width: 100%;
}
#footerarea div.widget-wrap {
    padding: 0;
}
#footerarea .container {
    max-width: 1018px;
}
13

Thanks for everything @Movin

Best Regards

14

You are most welcome here :slight_smile: