We help IT Professionals succeed at work.
Troubleshooting Question

Link On Menu Doesn't Work On i-Phone

102 Views
Last Modified: 2020-10-04
I have a site at https://www.henricomg.org when you click on the drop down for Resources it never opens up.

How do I get that menu to work normally?

Thanks,

Randal
Comment
Watch Question

Eoin OSullivanConsultant
CERTIFIED EXPERT

Commented:
I'm not sure I follow .. there is clearly a menu issue on smaller screens (narrower than 850px) this is nothing specific to the iPhone as it affects any mobile device with a narrow screen.

You see a black line with the text "ADD ANYTHING HERE OR JUST REMOVE IT..." .. this is where you should insert alternative menu links for smaller screens

Author

Commented:
the theme is responsive and I don't see any black line that you are referring to.
Eoin OSullivanConsultant
CERTIFIED EXPERT

Commented:
The problem is that the overall length of the menu is calculated incorrectly because there is an expanding submenu which is hidden and as a result the LAST menu item is visible but when you hover over to click on it .. it disappears.

Try reducing the padding on the menu items

.off-canvas .nav-vertical>li>a {padding-top: 5px;padding-bottom: 5px;}

Author

Commented:
that didn't help.
RobOwner (Aidellio)
CERTIFIED EXPERT
Most Valuable Expert 2015

Commented:
I'm confused as there doesn't appear to be a sub menu for Resources?  Programs for instance, has a <ul> element beneath the <li> menu element.
RobOwner (Aidellio)
CERTIFIED EXPERT
Most Valuable Expert 2015

Commented:
I've added a test sub-menu on my dev system.  Is this close to what you're asking?

https://home.aidellio.com/ee/henricomg/www.henricomg.org.html

Author

Commented:
Thanks for trying to get this working.  When I go to that address I see the home page but no ellipses in the upper left.  Which prevents me from testing the Resources tab.  I am using an android S10.
RobOwner (Aidellio)
CERTIFIED EXPERT
Most Valuable Expert 2015

Commented:
yeah there was a problem loading the fontawesome or whatever you're using.. just click the little square box with a line underneath it as it serves the same purpose.  i'll try and get that showing properly in the meantime 👍👍

Author

Commented:
Ok, thanks for the clarification.  That certainly will work but wanted to avoid the extra click, is that possible?
RobOwner (Aidellio)
CERTIFIED EXPERT
Most Valuable Expert 2015

Commented:
gotcha... I'll look into that
Owner (Aidellio)
CERTIFIED EXPERT
Most Valuable Expert 2015
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Author

Commented:
you are correct, thanks for the clarification.
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.