Add vertical leftside list of links

estherft

Hi I am new in Joomla, Ihave installed Cassiopeia template of Joomla 4, and I still could not find how to modify it successfully to create a vertical list on the left where would be the links to the following sites. I saw videos and read articles, but they are a bit too confusing. Any help will be appreciated. Thank you very much in advance!

dominic

Hi estherft,

I guess you'd like to have a vertical menu on left side of your website, you can consider to add the menu in this position by going to the Backend > Content > Site Modules > Add module > then select the sidebar-left position.

If I'm misunderstanding your question, you can share some screenshots illustrating how you want to achieve and your site's credentials: URL + super admin account so I can check.

Regards

estherft

Good afternoon,

I want to put what is in orange (they are links to other parts of the site). I tried already to put the main on the left, but it is not what I look for. Also, the links are fixed there, independent on the main menu.

Any suggestion? I want to do it myself, so I just need to know how to add the vertical left list of links.

Thanks

dominic

Hi estherft,
You can create the custom module with the following HTML code:

<ul class="cto-item-left-side">
<li><a href="#">item 1</a></li>
<li><a href="#">item 2</a></li>
<li><a href="#">item 3</a></li>
<li><a href="#">item 4</a></li>
<li><a href="#">item 5</a></li>
<li><a href="#">item 6</a></li>
</ul>

Then create the templates/cassiopeia/css/user.css file and add the following code to the file.

ul.cto-item-left-side {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.cto-item-left-side li {
    background: orange;
    margin-bottom: 10px;
    border-radius: 10px;
}

ul.cto-item-left-side li a {
    display: block;
    color: #fff;
    padding: 3px 20px;
}

Hope this helps!