Hi, I have experienced a problem with having a submenu under a top menu item when using a tablet. While the menu shows the submenu there is not time to actually pick an item from the submenu because the top menu item has already been triggered.
I have tried to get around this issue by using a link with the URL = # as I do in another theme that I am using. If this is done in the other theme that I am using then the menu shows down arrows and sideway arrows in the menu item that has a sub item to indicate that the user must select one of the submenu options. I have tried to use characters to do this (…v…. and ….>….) however it does look very homegrown and dated. Is there anything that you can suggest to resolve this in a more professional looking manner.
Thanks
Beat
Submenu Indicator
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Beat
There are a couple of options you could use. the first would be to upload the relevant arrow images on a transparent background to an image folder in your child-theme and independently target the required menu items with CSS to add the image. For example
#menu-item-2806 a { background:transparent url(path-to-top-menu-arrow) no-repeat center right; } #menu-item-2808 a { background:transparent url(path-to-sub-menu-arrow) no-repeat center right; }A Second option would be to use special characters for the arrows instead of adding them using the default characters on the keyboard.
More on these here
http://brucejohnson.ca/SpecialCharacters.html#unclassified
Let us know how you get on
Magus
Hi Magus,
thanks for your reply. I went with the special characters. That does the trick for me.
Beat