• Resolved benington

    (@benington)


    Hi, I would like to make the sidebar visible on mobile.It seems the sidebar goes hidden when on mobile which is not ok for users. Not sure if that is included with current versions of the plugin or not, didn’t find it. I saw that you already have a topic covering this issuse but I tried the CSS code you provided and didn’t work.

    This is the CSS code I tried: https://ww.wp.xz.cn/support/topic/not-showing-on-mobile-view-2/

    (The one you provide on the last message)

    Here is my website to check it out to see what I could be missing, thanks: https://kronnect.com/guides/

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

    (@paulamit)

    Hi @benington,

    Greetings. Hope you’re doing good.

    Well, 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-sidebar {
        display: block !important;
    }
    .betterdocs-content-area {
        display: unset !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.

    Hope it helps. Thank you!

    Thread Starter benington

    (@benington)

    Thanks, that worked, but instead of

    .betterdocs-content-area {
    display: unset !important;
    }

    you need to set the display to inherit instead of unset, at least for my website. It worked also but visually breaking several things.

    Thanks a lot, hope this helps others too!

    Plugin Support Amit Paul

    (@paulamit)

    Hi @benington,

    Hope you’re doing good.

    Thanks for the feedback and your kind info. Hope it will be helpful for others as well.

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Show Sidebar on mobile’ is closed to new replies.