• Resolved kakidomain

    (@kakidomain)


    As you can see on the link provided, when on mobile, the categories and topics does not exist. No hamburger, not above header or even footer. Did i did anything wrong? How do users navigate the docs on mobile?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Amit Barai Alit

    (@amitbarai013)

    Hi @kakidomain ,

    Hope you are doing well.

    Actually, the sidebar category and docs list is not visible on the mobile. But if you use the breadcrumbs, then it will be visible on the mobile also. To enable the breadcrumb option on the Single Doc page, please go to the WP Admin Dashboard > BetterDocs > Settings > Layout > Single Doc > Enable Breadcrumb (Enable this option) > Save Settings.

    I have visited your website and found that except the sidebar category & doc list, all other sections are visible on the mobile same as desktop. Please check these screenshots:

    Desktop view: https://d.pr/i/yiYu0p
    Mobile view: https://d.pr/i/f40hAE

    Hope you understand.
    Thank you.

    Thread Starter kakidomain

    (@kakidomain)

    Does this means you are saying the category/doc list in sidebar cant be accessed on mobile view? Is that correct? Some other plugin does it into a hamburger menu

    Plugin Support Abid Hasan

    (@abidhasan112)

    Hi @kakidomain ,

    You can use this CSS on your stylesheet if you want to see the sidebar on mobile device:

    @media screen and (max-width: 768px) {
      .betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar, .betterdocs-full-sidebar-right .layout3-toc-container {
        height: 30vh !important;
        }
    
    #betterdocs-sidebar-left, #betterdocs-sidebar-right {
        display: block !important;
        }
    .betterdocs-content-full {
        display: block !important;
    }

    NOTE: You can simply add custom CSS by navigating to your WordPress Dashboard -> Appearance -> Customize.
    After you are on the Customizer page, search for the “Additional CSS” option. You can then go ahead and insert CSS Code.

    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Not Showing on Mobile View’ is closed to new replies.