Recent
Categories
View Replies (7)

Problems with third level menu

  1. Bug
0
Votes
Undo
  1. Kiwi4711
    Kiwi4711
  3. Commercial Templates
  4. Wednesday, 19 April 2023
  5.  Subscribe via email
Hi,
I installed the Layla template on Joomla 4.
On the menu "Rettungshunde" I placed a third level menu, which is not shown correctly. The font size of the second level is not correct, there is no link hover effect and the little arrow is missing.
Do I have to add something?
Thank you!
Kirsten
References
  1. https://www.testjoomla4.svlg07.de/
Responses (7)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Kirsten

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.hornav ul ul .nav-item.module {

    font-size: 13px;

    padding: 7px 15px;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Kiwi4711
Kiwi4711
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran, font-size is correct now. But there is still no link-hover effect and no right arrow.
  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
Hi Kirsten

Is this still an issue for you? The arrow appears to be displayed (Rettungshunde -> Videos) and a hover effect is in place (tested chrome and firefox).

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Kiwi4711
Kiwi4711
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

I can't see an arrow in "Videos-> Stöberprüfung" and no hover effect there (Chrome and Edge). I added a screenshot.

Kirsten
Attachments (1)
Screenshot_3.png Screenshot_3.png
  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 Kirsten

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.hornav ul.menu ul li a, 

.hornav ul.menu ul li span {

    display: block;

}

.hornav ul.menu .parent-indicator {

    opacity: 1;

    width: 10px;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Kiwi4711
Kiwi4711
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran.
There is still no hover effect on "Videos", but the little arrow has now appeared.
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Kirsten

As 'videos' is now a divider, there is no hover effect. To amend this behaviour try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.hornav > ul > li > ul > li.divider:hover {

    background: var(--button-color);

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


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