Horizontal category list - Forum | JoomShaper
Solved Helix Framework

Horizontal category list

Asked by Sissel Lundeby 3 years ago Last activity 3 years ago

Hi,
I have a Article List menu item that I want to display horizontal instead of vertical.
I can not figure out how to do that.
Can you help me?
Here you can see the menu item (Article list) I want to display horizontal: https://leantech.no/kurs/begrepsforklaring

Accepted answer

Marked as the solution
Rashida Rahman Staff
3 years ago

Hi there!

Thanks for your query.

Did you mean these? Then You can use the following code in your custom CSS:

body.com-content.view-category .category-list .cat-children {
    display: flex;
}
body.com-content.view-category .category-list .page-header {
    padding-right: 10px;
}

Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Best Regards

1 more reply

Sissel Lundeby Asked this
3 years ago

Great!
The code solved it.
When I click on a letter in the list, the articles that starts with this letter appears (as it should).

However, I would like the article list to still be shown (the articles opens on a "new" page).
Is it possible to show the articles below the article list (makes it easier to click on a new letter)?
Here is an example for letter B: https://leantech.no/kurs/begrepsforklaring/119-b

Thanks,

Sissel

Log in to reply.