Recent
Categories
View Replies (6)

Skylar Template - navigation on the left side

  1. Issue
0
Votes
Undo
  1. pedra
    pedra
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 02 May 2024
  5.  Subscribe via email
Hi Ciaran,

I am currently using the template Skylar with Joomla 5.1 and would like to realize a navigation on the left side (sidecol 1a), as shown in the picture attached.
Can you help?

Thank you in advance
Attachments (1)
cjb-left-menue.png cjb-left-menue.png
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To start could you try placing your menu in a simple menu module in the sidecol-1a module position and provide a URL to an example. We can then give you the needed custom CSS.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
pedra
pedra
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you for the quick reply. I added the menu as a module in sidecol 1a. The URL for the example is next to the attachments.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Pedra

You appear to have found a solution using an alternative menu module?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
pedra
pedra
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry, there is a misunderstanding. The link to the example should only show the desired appearance.

Please use the URL at the foot as a recent example.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Pedra

Admittedly you are somewhat limited when using the default Joomla menu, but you could try something like the following which can be added to the Custom CSS field of your template style settings...

.module .mod-list.menu li {

    background-color: #235a91;

    margin-block: 5px;

    padding-inline: 10px;

}

.module .mod-list.menu li a {

    color: white;

}

.module .mod-list.menu li a:after {

    left: 9px;

    top: 13px;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
pedra
pedra
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi ciaran,

thank you for your information. This option works great for easy navigation.
Unfortunately, I was not able to implement more extensive effects this way.

Maybe a plugin is the solution for advanced navigation after all.

Pedra
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok