Recent
Categories
View Replies (13)

Renita : dropdown menu backgroup colour, arrow, width...

  1. Issue
0
Votes
Undo
  1. DamsStChristophe
    DamsStChristophe
  3. Commercial Templates
  4. Thursday, 12 January 2023
  5.  Subscribe via email
Hi Ciaran.
I have a Renita (J4) menu problem and even though I have tried a couple of things I read in the forum (including here : https://www.joomla51.com/tutorials/template-customization/customising-the-dropdown-menu-styling), but none seems to work.

1) I would like to change the colour of the dropdown-hover background colour.
The dropdown is already at the colour I want but I can't find how to change the hover background colour.

2) I can't find how to display the little arrow next to a menu item when there is a dropdown menu.

3) Is there a way to make the width of the dropdown menu larger?

Thank you.
Responses (13)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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

(edit to taste)

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

    background: #aaaaaa;

}


2. THis arrow should be displayed automatically once you have a parent separator menu item type with child items. Would you have a URL to an example of your menu?

3. To amend try also adding the following to the Custom CSS field of your template setting, editing to your own taste...

.hornav > ul > li > ul, 

.hornav > ul > li > ul > li > ul {

    min-width: 300px;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
DamsStChristophe
DamsStChristophe
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran.
Thank you for those answers.
The 2 bits of code works well.
Where can I send you the link?

Kind regards.
Damien.
  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 Damien

Details can be sent to info@joomla51.com. Please include a URL to this post within your email for our reference.

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

I did send an email yesterday.
Hope it didn't end up in the spams.

Kind regards.
Damien.
  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 Damien

I have just created an update for this template which should resolve this issue for you. For details on updating your template may I suggest the following article.. https://joomla51.com/tutorials/joomla-basics/updating-your-joomla-template

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

Thank you for the update, but there is still a small issue.
The arrows for the dropdown menu are now visible, however they are displayed under the menu item, not next to it (on it's right) which pushes the dropdown menu up.
The menu item that don't have a dropdown are not on the same "line" as the one with a dropwodn.
  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
Hello

On which browser are you having this issue? Does adding the following to the Custom CSS field of your template parameters resolve the issue?

.hornav>ul>li {

    white-space: nowrap;

}


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

It happened on Chrome and Firefox.
The bit of code made the dropdown menu item be on the same level as the non dropdown but I realised that the menu...doesn't work on mobile phone.
On Chrome, the menu appears when I click on the 3 horizontal bars but doesn't work. It also shows the arrow AND a "+" sign next to a dropdown menu item.
On Firefox, the menu doesn't even show when I click on those 3 bars.
  1. more than a month ago
  2. Commercial Templates
  3. # 8
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Damien

A new update to this template has just been released which I am hoping will include a fix for your issue. Could you try installing this latest update and see if the issue is resolved?

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


I tried the update, and so far it seems to be working.
Thank you.
  1. more than a month ago
  2. Commercial Templates
  3. # 10
DamsStChristophe
DamsStChristophe
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran.
I am back as I have another issue with the menu.
It works fine, except that the when I change the "Dropdown Menu Item Color", it all item change color...except for the "separator" who stay black.
Every other item/dropdown item are ok.

Any idea how to fix this?

Kind regards.
Damien.
  1. more than a month ago
  2. Commercial Templates
  3. # 11
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Damien

A new update to this template has just been released which I am hoping will include a fix for your issue. Again could you try installing this latest update and see if the issue is resolved?

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

The new update seems to be working.
Thank you.

Kind regards.
Damien.
  1. more than a month ago
  2. Commercial Templates
  3. # 13
  • Page :
  • 1


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