Horizontal Category List - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Horizontal Category List

SL

Sissel Lundeby

Helix Framework 2 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

0
2 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #100185

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

0
SL
Sissel Lundeby
Accepted Answer
2 years ago #100203

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

0