• Resolved DebT

    (@debbiet)


    Ugh, I thought this (possibly my last) site was done and gone, but now that the client is making her own edits and adding new pages, a new issue has cropped up. For background, I’m a graphic designer, have not been able to keep up with CSS’s constant changes, so I’m once again clueless about how to troubleshoot and fix issues with hand held devices.

    This new problem became evident when the client added a dropdown menu. I’ve tried to duplicate it on my desktop by resizing my screen to find out how it will behave on smaller venues. The menu items wrap and then eventually will just show the “menu” button when made small enough. There’s a dropdown page under Events called Calendar, and that appears just fine in both the wrapped menu and then the list when the Menu button is clicked on the computer. It’s okay on my iphone as well. But on the iPad, when the Events button is clicked, the Calendar dropdown does not show up and it just loads the Events page.

    I’ve researched this on WP support and someone previously suggested it was conflict with a plugin or MailChimp code. I have only four plugins installed here: Contact Form 7, IM8 Exclude Pages, All-in-One Event Calendar, and MailChimp for WordPress Lite. I turned off the Calendar and Event plug-ins, but that didn’t make a difference. The other two plugins are installed in ALL the other WP sites I’ve made and they don’t cause this problem with them. But then, I wasn’t using 2012 for them either.
    https://bodyfuel4health.com/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter DebT

    (@debbiet)

    I found an article about this topic (non WP) and it says:

    all you need to do is add
    onClick=”return true”
    to the “A” tag within any list item (such as LI) that triggers a menu to pop up. This works for cascading menus as well.

    So if it’s not CSS related, where do I need to make this change? Which file? I work in Dreamweaver & although I’m not a coder, I have no qualms about editing php files. Would I have to make Events and Calendar child links to a new, non-linked parent such as Events&More ?

    Thread Starter DebT

    (@debbiet)

    Okay, I finally figured out a fix. I downloaded the “Page Links To” plugin and then created a new menu item named Events&More. I was then able to link Events&More to a custom URL, which was simply #.

    Then I made the Events and Calendar pages become child pages of Events&More and it fixed my iPad problem.

    The only problem this fix has created is when I view the site on my phone & laptop, it puts the Events&More parent link in the list of links when the Menu button is clicked.

    Hi, Debbie:

    Glad you were able to find a solution. You didn’t need a plugin to create a custom URL menu item. If you go to Appearance → Menus there should be a section labeled Links on the left. If it’s not there, click the Screen Options tab in the upper right corner of the screen, check the box for Links, and it should then appear. Then all you need to do is create a Links menu item, setting the URL to # as you did before.

    If you want to hide the Events&More menu item from the mobile menu, you can add this rule:

    @media screen and (max-width: 600px) {
       .toggled-on .page-item-288 > a {
          display: none;
       }
    }

    If you ever decide to do another site, take a look at the Montezuma theme. Highly customizeable, because you work with virtual template files, a lot like coding your own HTML. Kind of a high learning curve, but very adaptable to just about any look you need. You can read more about it here.

    Thread Starter DebT

    (@debbiet)

    Hi Crouching Bruin, I did try Appearance/Menu first but when I made it the primary menu it messed up my CSS (links were spread wide apart and the menu had to wrap). I didn’t want to spend any more time on this site trying to figure out what went wrong, and then remembered I had used the page links plugin a year or so ago on another site so went that route.

    Thanks for the tip on the Montezuma theme, I’ll take a look at it. I used to use Framework and had become very familiar with how it worked and then suddenly the author changed everything, including adding some mistakes which he wasn’t fixing despite my efforts to point them out. Update: First glance at Montecuma, “sites created using the theme will adapt itself to the size of the display.” That sounds wonderful!

    Every time I finish another WP site I have a feeling of satisfaction that I’ve overcome some obstacles, but during the process I swear I’m done. Maybe I’m getting too old to keep up with technology or becoming more right brain dominant.

    Thanks again for your help, you’re an angel.

    PS Thanks for the style for hiding Events&More, I’ll definitely use that.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Dropdown not working on iPad’ is closed to new replies.