sidebar on mobile not displaying

  • Resolved sailpilot

    (@sailpilot)


    5 years, 7 months ago

    Hi,

    I realized that the sidebar is not displaying on mobile phones (stacked after the content section).

    I read a few comments about this on this forum and found that if you comment out the line .sidebar{display:none;} in section 14 in style.css the sidebar displays.

    Why is the display property set to NONE as the default? Is there a better way to do this by setting the display property to a different value (which would allow this to be done through a child theme)?

    The other problem I see is that the sidebar that does display after the content area on the mobile device is not the correct size and only fills approximately 30% of the width instead of the full width.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @sailpilot,

    The sidebar is hidden on mobile because a lot of people have the same widgets in the sidebar as in the footer, and if they are stacked on top of each other on mobile, the widgets would be displayed twice. I might add a Customizer option for managing this behaviour in the future, but I can’t promise anything.

    You can add .sidebar { display: block !important; } in the Additional CSS Customizer field or in a child theme to set the sidebar to always be displayed. As you note, you would also have to change the width of the sidebar when it’s stacked below the main content of the theme.

    — Anders

    Thread Starter sailpilot

    (@sailpilot)

    thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘sidebar on mobile not displaying’ is closed to new replies.