Joomla Templates Club 406,261 posts

[Bart Vos Friend Bart VosJoin date: September 2014Posts: 22Downloads:50Uploads:0 Thanks: 2]

#185875

Hello,

in the top-social position i placed my topmenu.
But i want de items to be shwon horizontal, just as Ja_Nex. How can i fix that?

Thanx

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

#486839

Hello wdnoord,

You can add “float: left;” style to “li” tag of menu item. It looks like:

#ja-topmenu ul li {
float: left;
}

Regards.

[Bart Vos Friend Bart VosJoin date: September 2014Posts: 22Downloads:50Uploads:0 Thanks: 2]

#486927

Hi Stork11,

this is my code. I already have float: left in it.

/* Top Menu —*/

#ja-topmenu {
background: #222
border-bottom: solid 1px #111
color: #999
padding: 5px 0;

}

#ja-topmenu ul { float: right; }

#ja-topmenu ul li {
border-left: solid 1px #333
float: left;
padding: 3px 15px;
}

#ja-topmenu ul li a { color: #999 }

#ja-topmenu ul li a:hover,
#ja-topmenu ul li a:focus,
#ja-topmenu ul li a:active { color: #fff }

I copied the code from an other template were the menu is horizontal. But in kranos it doesn’t work.

[Bart Vos Friend Bart VosJoin date: September 2014Posts: 22Downloads:50Uploads:0 Thanks: 2]

#486928

Hi Stork11,

this is my code. I already have float: left in it.

/* Top Menu —*/

#ja-topmenu {
background: #222
border-bottom: solid 1px #111
color: #999
padding: 5px 0;

}

#ja-topmenu ul { float: right; }

#ja-topmenu ul li {
border-left: solid 1px #333
float: left;
padding: 3px 15px;
}

#ja-topmenu ul li a { color: #999 }

#ja-topmenu ul li a:hover,
#ja-topmenu ul li a:focus,
#ja-topmenu ul li a:active { color: #fff }

I copied the code from an other template were the menu is horizontal. But in kranos it doesn’t work.

[Bart Vos Friend Bart VosJoin date: September 2014Posts: 22Downloads:50Uploads:0 Thanks: 2]

#487026

i only had to replace #ja-topmenu in .top-social.
I thought i renamed top-social in ja-topmenu….

[Author]

Posts