- This topic has 5 replies, 3 voices, and was last updated 1 week, 1 day ago by
Sakin.
-
AuthorPosts
-
June 21, 2022 at 3:23 pm #306845
heinelg
ParticipantSite: https://ridgeviewmennonite.org/
Theme: Catch Responsive (free) Child
We would like the four sidebar widgets in the primary sidebar to display before the main content area, above the <h1 class=”entry-title”>Welcome</h1> header. Can this be done?
Thanks!
June 22, 2022 at 1:23 am #306864tikaram
Keymaster@heinelg : Login to your WordPress admin section.
Go to Appearance => Customize => Additional css and add the following css. Let me know if this helps resolve your issue.
@media only screen and (max-width: 480px) { .site-content .wrapper { display: flex; flex-direction: column-reverse; } }
June 22, 2022 at 10:34 pm #306896heinelg
ParticipantThanks, @tikaram – that displays the sidebar widgets above the content for a portrait cell phone but not for landscape cell phones or small tablets. Can the same thing be done for wider screen widths?
June 22, 2022 at 10:36 pm #306919Sakin
Keymaster@heinelg: then you can change the max-width in the above CSS. Like replace the previous CSS with the following CSS:
@media only screen and (max-width: 990px) { .site-content .wrapper { display: flex; flex-direction: column-reverse; } }
Regards,
SakinJune 23, 2022 at 10:48 am #306960heinelg
ParticipantThanks for your assistance. Your suggestion didn’t give me the appearance I wanted so I’ve moved the buttons that were in the sidebar to my child header after the catchresponsive_before_content do_action and styled them to be distributed horizontally plus I changed the default layout to No Sidebar.
June 23, 2022 at 3:27 pm #306961 -
AuthorPosts
- You must be logged in to reply to this topic.