Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1001625

Hi
Kindly public the module and share the URL here , i will help u with some css change to make it horizontal.

[Berd Veen Friend Berd VeenJoin date: September 2014Posts: 18Downloads:9Uploads:3]

#1001820

Hello, you can see the site that i am building here: http://www.axiair.nl/_NIEUW/
I want the menu at the bottom to be horizontal like : A | B | C etc..

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1001825

Hi
Add below code in custom.css file

.copyright .nav-pills > li {
    float: left;
    padding-left: 10px;
}

save and check.

[Berd Veen Friend Berd VeenJoin date: September 2014Posts: 18Downloads:9Uploads:3]

#1001832

Yes it worked, is there also some trick to seperate the items with a |
So it looks like link 1 | link 2 | link 3

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1001833

Hi
You can add border style in same code

copyright .nav-pills > li {
    float: left;
    padding-left: 10px;
    border-top: 0px;
    border-left: 1px solid;
}

[Berd Veen Friend Berd VeenJoin date: September 2014Posts: 18Downloads:9Uploads:3]

#1001837

Ah ok that simple. Is there some way to have no border on the first item? Because now it looks strange

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1001954

Hi
It is showing fine at my end: http://prntscr.com/duy7me
Regards

[Berd Veen Friend Berd VeenJoin date: September 2014Posts: 18Downloads:9Uploads:3]

#1002023

the last item has also an |. It is more in balance when the menu looks like

link 1 | link 2 | link 3

so no ending |

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1002030

Hi
Use this code in custom.css file

.copyright .nav-pills >  li:last-child  {border-right:none;}

[Berd Veen Friend Berd VeenJoin date: September 2014Posts: 18Downloads:9Uploads:3]

#1002045

Yes that is what i mean, Thanks for helping me out! very very good support.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1002058

You are welcome

[Author]

Posts