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			
			
				Hi Kirsten
To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....
Ciaran
			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
- more than a month ago
- Commercial Templates
- # 1
				Thank you Ciaran, font-size is correct now. But there is still no link-hover effect and no right arrow.			
			- more than a month ago
- Commercial Templates
- # 2
				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
			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
- more than a month ago
- Commercial Templates
- # 3
				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
			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)    
    
- more than a month ago
- Commercial Templates
- # 4
				Hi Kirsten
To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....
Ciaran
			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
- more than a month ago
- Commercial Templates
- # 5
				Thank you Ciaran. 
There is still no hover effect on "Videos", but the little arrow has now appeared.
			There is still no hover effect on "Videos", but the little arrow has now appeared.
- more than a month ago
- Commercial Templates
- # 6
				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)....
Ciaran
			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
- more than a month ago
- Commercial Templates
- # 7
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
			Be one of the first to reply to this post!
		Please login to post a reply	
	
		You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here.		Register Here »
	
	 
             
					 
					 
	 
	 
	