Joomla Templates Club 406,261 posts

[global21 Friend global21Join date: March 2011Posts: 134Downloads:37Uploads:43 Thanks: 31 Thanked: 5 times in 3 posts]

#207457

Hi,
I have a menu item set as category blog is there a way to split the sub category list to be split into 3 columns.
I have 12 sub categories for a particular category.

Screenshot Included

Many Thanks

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#574403

Which area are you referring to on your site? Things at least look to be running smoothly from what I can see. I will help you to check it further.

[global21 Friend global21Join date: March 2011Posts: 134Downloads:37Uploads:43 Thanks: 31 Thanked: 5 times in 3 posts]

#574414

Hi Ninja,

This is the page i am referring to is
http://www.lcdc.cab/information/behind-the-scenes-at-the-lcdc-cat

As you can see the list of sub categories is long, all i want is to have 3 columns with sub categories as
1 2 3
4 5 6
7 8 9
ect
instead of
1
2
3
4
5
6
7
8
9
ect
Thanks in advance

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#574522

Try to use my solution below

Open templates/ja_teline_v/css/custom.css file


.t3-content .cat-children {
width: 100%;
}

.t3-content .cat-children > div {
width: 33%;
float: left;
}

.t3-content .cat-children .page-header {
white-space: nowrap;
}


1 user says Thank You to Ninja Lead for this useful post

1. global21

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#640867

Try to use my solution below

Open templates/ja_teline_v/css/custom.css file


.t3-content .cat-children {
width: 100%;
}

.t3-content .cat-children > div {
width: 33%;
float: left;
}

.t3-content .cat-children .page-header {
white-space: nowrap;
}


1 user says Thank You to Ninja Lead for this useful post

1. global21

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#739531

Try to use my solution below

Open templates/ja_teline_v/css/custom.css file


.t3-content .cat-children {
width: 100%;
}

.t3-content .cat-children > div {
width: 33%;
float: left;
}

.t3-content .cat-children .page-header {
white-space: nowrap;
}


1 user says Thank You to Ninja Lead for this useful post

1. global21

[global21 Friend global21Join date: March 2011Posts: 134Downloads:37Uploads:43 Thanks: 31 Thanked: 5 times in 3 posts]

#574587

Sorted it out myself with CSS

.cat-children .page-header {
display: block;
float: left;
width: 33%;
}

All working fine now and its responsive.

[Author]

Posts