My site has blocks in the first sidebar, in other words the site is basically a 2-column layout on desktop/tablet. In mobile display however the first sidebar blocks appear before the main page content, which doesn't make sense for my site. It seems the only way around this is to put my blocks in the second sidebar instead, which renders them underneath the main page content on mobile. But this means the sidebar content displays on the right hand side on desktop/tablet, which looks bad on my site. Is there a way to have the sidebar on the left in desktop/tablet but those blocks appear UNDER the main content on mobile?

CommentFileSizeAuthor
#3 position_of_blocks_in-2840202-3.patch538 bytesBhumikaVarshney
#2 position_of_blocks_in-2840202-2.patch566 bytesdevshi.addweb
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

thoughtcat created an issue. See original summary.

devshi.addweb’s picture

devshi.addweb CreditAttribution: devshi.addweb at AddWeb Solution Pvt. Ltd. commented
Status: Active » Needs review
FileSize
position_of_blocks_in-2840202-2.patch566 bytes

You can apply below patch for your purpose.

This patch works for second sidebar as per your requirement. Please don't use first sidebar.

BhumikaVarshney’s picture

BhumikaVarshney CreditAttribution: BhumikaVarshney as a volunteer and at OpenSense Labs commented
FileSize
position_of_blocks_in-2840202-3.patch538 bytes

You can apply this patch for the issue.
So the sidebar second will be on the left side on desktop/tablet and in mobile the sidebar second is under the content.