Archived topic
Right Sidebar below content for screen width of 991px
3 replies · Started by Robin on November 8, 2020
Hello GP-Team!
First I have to say, great theme, and even better support here.
I have following question: I would like the right sidebar to be shown below the main content area for tablets. How can I achieve that?
Followup question: How can I center the Post-Title above the main content area?
Thank you in advance for your help!
Hi there,
1. try this CSS:
@media(max-width: 991px) {
.right-sidebar .site-content {
flex-direction: column;
}
.right-sidebar .site-content .content-area,
.right-sidebar .is-right-sidebar {
width: 100%;
}
.right-sidebar #main {
margin-right: 0;
}
}2. Did you resolve this issue? As the title is centered in the header element ?
Hi David!
Thank you so much. First issue is resolved thanks to your help.
The second issue i could not fix. I would like the post title to be centered above the main content area. Right now it is centered above the whole content area including the widgets area.
Can you help me with this?
Use a Header Element to display H1 Title by adding the <h1>{{post_title}}</h1> this will appear above the main container.
