Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: How do I add a + or > sign to separator item text to indicate submenu?

How do I add a + or > sign to separator item text to indicate submenu? 21 Nov 2019 11:03 #54407

I have just installed Accordeon Menu with Mobile Menu enabled on a J3.9.13 website. How do I add a + or > sign to the end of separator items to indicate submenus?

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

How do I add a + or > sign to separator item text to indicate submenu? 21 Nov 2019 11:26 #54410

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21902
  • Karma: 427
  • Thank you received: 2751
Hi
is the question related to accordeon menu ck, or mobile menu ck ?
please give me the an url to check
CEd
Joomlack Webmaster and Developer

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

How do I add a + or > sign to separator item text to indicate submenu? 21 Nov 2019 12:46 #54411

Hi. It's relating to the mobilemenu. I could see that there is css for a toggler_icon but it was not displaying anything. I have created the mobilemenuck.css override and added some new code for a caret like this:
#accordeonck150 li.parent > span span.toggler_icon {
    position: absolute;
    cursor: pointer;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    left: 10%;
    top: 1em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

However, there are two issues with this:

1. Ideally it should be placed immediately after the item title (with a small bit of padding between) but I can't see how to do this. As the screen widens or narrows, the toggle_icon moves as well, sometimes overlapping the text. I have copied the css as described from plugins/system/mobilemenuck/default.txt to templates/YOURTEMPLATE/css/mobilemenuck.css but /modules/mod_accordeonck/themes/custom/css/accordeonck150.css takes priority. In the override css it would seem that lines 15 and 16 have no effect.

2. When the screen is very small, the menu doesn't display at all. It just disappears.

Here is a link to my site (only a rough development site for this kind of exercise!)
This message contains confidential information


Thanks.

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

How do I add a + or > sign to separator item text to indicate submenu? 22 Nov 2019 11:36 #54415

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21902
  • Karma: 427
  • Thank you received: 2751
there is a problem here because you shall not have the accordeon module in the mobile menu, only the items
can you please tell me how you have set it up ? from the accordeon module options>>enable mobile menu, or using a custom menu ?
Joomlack Webmaster and Developer

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

How do I add a + or > sign to separator item text to indicate submenu? 22 Nov 2019 15:07 #54417

I installed both Accordeonmenuck and Mobilemenuck (light) plugins then, from the Accordeon menu 'Mobile Menu CK' tab set the 'Enable Mobile Menu CK' option to 'Yes'.

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

How do I add a + or > sign to separator item text to indicate submenu? 22 Nov 2019 15:22 #54418

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21902
  • Karma: 427
  • Thank you received: 2751
ok thanks for clarification. I have to check that by my side because it does not work as expected here
I will let you know in the next days
can you just please confirm the version number of the accordeon menu and mobile menu that you are using
Joomlack Webmaster and Developer

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

How do I add a + or > sign to separator item text to indicate submenu? 22 Nov 2019 19:01 #54419

Downloaded and installed yesterday, so Accordeon v2.2.3 and Mobile (light) v1.0.14.

This message contains confidential information

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

Last edit: by GillianS.

How do I add a + or > sign to separator item text to indicate submenu? 25 Nov 2019 08:40 #54425

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21902
  • Karma: 427
  • Thank you received: 2751
I have checked again your config and there is something wrong
please do a simple test
- publish the accordeon menu module in "position-7" in the template "protostar"
then check if the mobile menu works , it shall look like that


let me know
Joomlack Webmaster and Developer
Attachments:

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

How do I add a + or > sign to separator item text to indicate submenu? 25 Nov 2019 08:40 #54426

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21902
  • Karma: 427
  • Thank you received: 2751
PS : currently you have published the accordeon module in a specific position of your template that is already a mobile menu ...
Joomlack Webmaster and Developer

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

How do I add a + or > sign to separator item text to indicate submenu? 27 Nov 2019 11:41 #54443

My apologies for the delay. The problem was that the MobilemenuCK in small screen view was hidden behind a 72px-deep div that has a fixed position at the top. When I moved the position, your menu was visible.

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

  • Page:
  • 1
Time to create page: 0.280 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 203 guests and no members online