Joomla Templates Club 406,261 posts

[Idan Damti Friend Idan DamtiJoin date: September 2014Posts: 94Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#185767

Hi,

I would like to know how to create a footer menu using the menu module?
thanks.

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#486267

Hello tiwebmaster,

To do like that, you should go to Module Manager, click on “New” button to create new module. After that, create new “Menu” module type module, assign footer menu to it and set its position to footer position.

Regards.

[Idan Damti Friend Idan DamtiJoin date: September 2014Posts: 94Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#486346

I already know that… the issue is that it’s not looking like a footer menu…

I want it to be something like that: Link | Link | Link | Link | Link | Link | Link | Link | Link | Link |

and not like that:

Link
Link
Link
Link
Link

any ideas ?

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#486405

You need to style yourself. Below is my suggestion:

ul {
list-style: none none;
}

ul li {
float: left;
border-right: 1px solid black;
}

Regards.

[Idan Damti Friend Idan DamtiJoin date: September 2014Posts: 94Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#486713

thanks for the answer.
I don’t know CSS so is it possible to get step be step instruction to do it?

thanks.

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#486758

For your problem, you can create a footer module, then set its Module suffix a value, such as ” footermenu”. After that, open “/templates/ja_onepage/css/template.css” file and add my above suggestion to the end of file:

ul.footermenu {
list-style: none none;
}

ul.footermenu li {
float: left;
border-right: 1px solid black;
}

Regards.

[kanenses Friend kanensesJoin date: December 2012Posts: 55Downloads:0Uploads:9 Thanks: 11 Thanked: 16 times in 1 posts]

#486769

Copy the header menu CSS (NAV) create a new name for menu, for example footernav. And give it a style you pretend on footer 😉

[Idan Damti Friend Idan DamtiJoin date: September 2014Posts: 94Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#486826

could anyone from joomlart theme can answer to my original question?
is there a why to make the footer menu looks good? like any other templates I know?
maybe by adding Menu Class Suffix ? or module Class Suffix?

thanks.

[kanenses Friend kanensesJoin date: December 2012Posts: 55Downloads:0Uploads:9 Thanks: 11 Thanked: 16 times in 1 posts]

#486929

tiwebmaster

Add the follow on your template.css (folder: /templates/ja_onepage/css/)


.ja-footer .nav > li {
float: left;
margin-right: 10px;
}

You get:

---

Attachments:

1. 

1 user says Thank You to kanenses for this useful post

1. JA Developer

[Idan Damti Friend Idan DamtiJoin date: September 2014Posts: 94Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#487016

thanks! that worked for me.

[trasermx Friend trasermxJoin date: February 2013Posts: 16Downloads:0Uploads:3 Thanks: 3]

#494103

<em>@tiwebmaster 365170 wrote:</em><blockquote>thanks! that worked for me.</blockquote>

And what about to place the menu in the 2 position. I mean not on the top but after the first module? thanks….

[Author]

Posts