Accordion menu not displaying correctly.
7 years 2 months ago #46833
by bigandy25
Accordion menu not displaying correctly. was created by bigandy25
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
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.
7 years 2 months ago #46835
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Accordion menu not displaying correctly.
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
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
Please Log in or Create an account to join the conversation.
7 years 2 months ago #46837
by bigandy25
Replied by bigandy25 on topic Accordion menu not displaying correctly.
Thanks. I will message you the details to view the site.
Andy
Andy
Please Log in or Create an account to join the conversation.
7 years 2 months ago #46838
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Accordion menu not displaying correctly.
go in the module >> advanced options >> Menu Class Suffix
add "_nostyle" in the field
then in a custom css, add this
add "_nostyle" in the field
then in a custom css, add this
Code:
#accordeonck211 a.accordeonck:hover {background: none; }
Joomlack Webmaster and Developer
The following user(s) said Thank You: bigandy25
Please Log in or Create an account to join the conversation.
7 years 2 months ago #46843
by bigandy25
Replied by bigandy25 on topic Accordion menu not displaying correctly.
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
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.
7 years 2 months ago #46846
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Accordion menu not displaying correctly.
no, edit the personal.css file from the template, if you create another file it will not be used
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
Time to create page: 0.210 seconds