- This topic has 2 replies, 2 voices, and was last updated 3 years, 8 months ago by Puro Support.
- AuthorPosts
- February 3, 2021 at 9:42 pm #15367
patrickTheSailorParticipantHello,
I’m considering using Polestar; there’s just one question about the order in which the various components go to vertical on the mobile display.I notice that when the display goes to mobile, the order in which the screen elements or components appear is:
- Header
- Mobile Menu
- Page Contents
- Sidebar Contents
What I need is to have the sidebar contents appear before the Page Contents on the mobile screen. The css in style.css looks neat but I can’t readily see a way switch the order of the page and sidebar. Please advise. Thank you.
Patrick
February 3, 2021 at 9:53 pm #15368
patrickTheSailorParticipantHmmmm….
Looks like I may have figured this out myself….
It seems to work fine when I simply move the call to get_sidebar() in page.php from its original location which is directly before the call to “get_footer()” to directly after the call to “get_header()”.Seems to work okay. Does this sound right? Thanks.
Patrick
February 4, 2021 at 10:05 pm #15373
Puro SupportKeymasterHi Patrick
Thanks for posting your question.
You can change the order of elements by moving the sidebar function. This should be done via a child theme, please, find a starter child theme for Polestar here.
You can also try the following at Appearance > Custom CSS or Customize > Additional CSS instead of making the PHP change:
@media (max-width: 768px) { .site-content > .polestar-container { display: flex; flex-direction: column-reverse; } #secondary { border-top: none; border-bottom: 1px solid #e6e6e6; padding: 0 0 50px; margin: 0 0 50px; } }
- AuthorPosts
You must be logged in to reply to this topic.