The sidebar on this website is not wrapping to below main content on Mobile view. I must have changed some setting and have been looking through every setting possible, but can't find a way to put it back to wrapping.
This is the only issue keeping me from setting the site to live.
Regarding this issue, please edit the page with Elementor, select the container that wraps the content and sidebar, change the Flex Direction to Column, and then check again.
Thank you for the quick response! I checked the column setting on every page, template, etc. They were all set to column. Then I went to:
Theme Options Panel > General > Category, Tags, Search, Archive Pages > found and deactivated Hide Sidebar on Mobile
VOILÀ! Problem solved. Remembered I'd enabled that to see how things would look on mobile w/o the sidebar. SO many settings :) and me making too many changes when I'm in a hurry and not paying close attention to what I change and when. It didn't end up removing the sidebar from view, but showing reduced size of both main and sidebar content.
Wait a sec! It fixed the issue on some pages, but not all. I've cleared cache. Now I'll go back through all of the Theme Options Panel for a solution. I'll report back.
Please note that this issue occurs only on pages created with Elementor using the Container element. The default Soledad templates are already responsive and display the sidebar below the main content.
All you need to do is check each page you created with Elementor, change the container’s Flex Direction on mobile, and then check again.
The sidebar on this website is not wrapping to below main content on Mobile view. I must have changed some setting and have been looking through every setting possible, but can't find a way to put it back to wrapping.
This is the only issue keeping me from setting the site to live.
Thank you for any help you can provide,
Laura
Attached files: Screenshot_20251222_100556_DuckDuckGo.jpg
Hi,
Regarding this issue, please edit the page with Elementor, select the container that wraps the content and sidebar, change the Flex Direction to Column, and then check again.
Here is the document: https://elementor.com/help/adjusting-the-contained-elements/
Regards,
PenciDesign.
Thank you for the quick response! I checked the column setting on every page, template, etc. They were all set to column. Then I went to:
Theme Options Panel > General > Category, Tags, Search, Archive Pages > found and deactivated Hide Sidebar on Mobile
VOILÀ! Problem solved. Remembered I'd enabled that to see how things would look on mobile w/o the sidebar. SO many settings :) and me making too many changes when I'm in a hurry and not paying close attention to what I change and when. It didn't end up removing the sidebar from view, but showing reduced size of both main and sidebar content.
Do I need to mark this issue as resolved?
Wait a sec! It fixed the issue on some pages, but not all. I've cleared cache. Now I'll go back through all of the Theme Options Panel for a solution. I'll report back.
Hi,
Please note that this issue occurs only on pages created with Elementor using the Container element. The default Soledad templates are already responsive and display the sidebar below the main content.
All you need to do is check each page you created with Elementor, change the container’s Flex Direction on mobile, and then check again.
Regards,
PenciDesign.
Thanks. I'll try that and see what happens.