Customise Menu - Gantry 5 Topic is solved

[0xSeiya]

Hello,

I am having trouble to customise a menu. I would like to set up a blog on my website. I have only 2 articles for the moment but the idea will be to have a comprehensive layout with a menu on the left that will have different categories, when clicking on one category all the articles will appear on the right block and then you click on the article you want to read.

Firstly I cant find out how to get the menu vertically, it is showing horizontally as you can see

appreciate any helps
Thank you

https://grabinvestingdata.com/index.php/blog

[pablop76]

Use flexbox style

Code: Select all

flex-direction: column;

or add class bootstrap

Code: Select all

flex-column

for module joomla menu in the tab "Advanced"
or use particle for Gantry

[0xSeiya]

Thanks but it helped with the display.
I am still lost about the rest.
I managed to have that menu displaying vertically. I have both articles showing up on the right block although when I click on read more the full article doesnt come through it doesnt do anything.

Furthermore, the two articles are showing up because I placed joomla articles particles (being in the same category) on gantry. But when I will have more categories and more articles I am not sure how I will be able to interact with the block as at the moment it is only pointing at one category. I can add another category to it but It will display all articles from both categories. I would like to be able to click on the category and have the articles linked to it displayed in the block next to it (see picture attached) then click on the article and the full article displaying in the same block

thank you

[pablop76]

To show a page with categories and the last few articles create a menu item "Gantry 5 Theme -> Custom Page" and assign your Gantry 5 template style, which you can design however you want.

https://docs.gantry.org/gantry5/configure/menu-item
To show a whole article you need to (create a page for a single article in a given category) you need to create a menu item for it "Menu Item Type * -> Category Blog" and choose the category it is in "Choose a Category *"
In the "Link Type" tab you hide this menu item "Display in Menu
-> No"
If you have more categories for articles you add more menu items.

[0xSeiya]

Hi Pawel,

Thanks for your reply
I have already done most of that to be fair. I created menus for each category where the item is the corresponding category blog (not too sure what the difference is between category blog and category list). All those menus were assigned my website blog template page.
I added a position module in gantry layout for the menus.
Then I created a Category list module in joomla (with dynamic mode) which displays the list of article of a given category. Again I added a position module in Gantry where I assigned that category list module (with the blog page template assigned).
Somehow it all works fine until I click on an article. The link to the article does not work. This is where I am lost.

If you check on the website, my menus appear on the left side (as assigned) and category list on right side (as assigned). Click on the category and you have the corresponding articles showing up on the right side.
Thats how far I got.

https://grabinvestingdata.com/index.php/blog

Thank you

[0xSeiya]

Attached is the layout for Gantry I forgot to include before

[pablop76]

Use "Menu" particle to show menu
Use "Page Content" particle to show content

[0xSeiya]

Thanks Pawel