• Resolved mwiesner

    (@mwiesner)


    Hi Steve,

    I hope all is well.

    For some reason, the table of contents is not being “created” on the mobile (I am testing on an iphone) version of my site – see screen shot.

    Could you check the link below on desktop and mobile and see if you have any ideas about what it is?

    https://groomandstyle.com/how-to-increase-your-homes-value/

    You mentioned that there is CSS being used only on smaller screens sizes which purposefully hide nested lists. This is the CSS doing the hidding:

    @media screen and (max-width: 865px)
    .main-container-wrap nav ul {
    width: 100%;
    display: none;
    height: auto;
    }

    Specifically that display none attribute.

    I spoke to the theme devlopers and implemented the following fix, but things are still not working. Any suggestions?
    // Enable Easy Table of Contents Plugin to work on Mobile
    @media (max-width: 800px) {
    #ez-toc-container li, #ez-toc-container ul {
    display: block !important;
    }}

    Kind Regards,
    Marc

    • This topic was modified 6 years, 10 months ago by mwiesner.

    The page I need help with: [log in to see the link]

Viewing 16 replies (of 16 total)
Viewing 16 replies (of 16 total)
  • The topic ‘TOC not rendering on Mobile or Tablet’ is closed to new replies.