Accordion menu not displaying correctly.

Accordion menu not displaying correctly. was created by bigandy25

Posted 6 years 2 months ago #46833
I installed the Accordeon CK menu and bought the Accordeon params and documentation to improve the menu on a site I am creating to use at work. The Accordeon menu did not however appear as displayed in the styles customiser preview. There are 2 main issues:

1.) Arrows appear when you hover over the menu items
2.). The colours do not display on the submenu items - although when you hover over they do show up.

Ive only been using Joomla for a week but given the same arrows appear in one of my first (pre accordeon) menus I am suspecting that the styles from the Beez3 template are interfering with the accordeon menu but I have no idea how to fix this.

The site is not public but I have put a quick video of the issue on youtube so I can show you what I mean. First clip is my original basic Joomla menu. Second clip is how I styled the new Accordeon CK menu in the customiser. Third clip is what I actually get on the site.


Any help would be great.

Andy

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Accordion menu not displaying correctly.

Posted 6 years 2 months ago #46835
Hi
I suppose that you are right when saying that the styles of the beez template can interfer. But you will need to put your website on a livre temporary server so that I can check the problem and tell you exactly how to solve it
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by bigandy25 on topic Accordion menu not displaying correctly.

Posted 6 years 2 months ago #46837
Thanks. I will message you the details to view the site.
Andy

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Accordion menu not displaying correctly.

Posted 6 years 2 months ago #46838
go in the module >> advanced options >> Menu Class Suffix
add "_nostyle" in the field

then in a custom css, add this
Code:
#accordeonck211 a.accordeonck:hover {background: none; }

Joomlack Webmaster and Developer

by ced1870
The following user(s) said Thank You: bigandy25

Please Log in or Create an account to join the conversation.

Replied by bigandy25 on topic Accordion menu not displaying correctly.

Posted 6 years 2 months ago #46843
Adding the _nostyle fixed the appearance but there is still an issue when I hover over the links as the hover colour is dark blue and not what I selected. I suspect I may have done something wrong with the css file.

I created a css file called 'accordmenu.css' with just the text you wrote and put it in the Beez3/CSS/ folder.

In the menu item section under link type heading I put 'accordmenu' in the link css style box. Tried other combinations in that box ('accordmenu.css, /CSS/accordmenu.css, etc.) but it didn't help. Have I put this in the wrong place?

Thanks for the help

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Accordion menu not displaying correctly.

Posted 6 years 2 months ago #46846
no, edit the personal.css file from the template, if you create another file it will not be used

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.687 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1340 guests and one member online