Archived topic
Tablet padding
4 replies · Started by Or on June 2, 2021
I'm not sure what I've changed, but now, on tablets, there's a padding on the right as if there was a sidebar (even though I have the CSS code to show the sidebar below the content on tablets).
Okay, it's weird, but now it seems fine. I still have a problem with my sidebar though.
I have a block element hooked to the right sidebar and a search widget underneath it. I have this CSS code to show the sidebar below the content on tablets and mobile:
@media (max-width: 1024px) {
.site-content {
flex-direction: column;
}
.site-content .content-area, .site-content .is-right-sidebar {
width: 100%;
}
}
Now, I have 2 issues:
1. On mobile and tablets, the search widget is not centered.
2. The search widget is still showing on my homepage below everything (the block element is set to only show on posts and archives).
Hi there,
1. Try adding this CSS to center the search form:
.widget .search-form {
justify-content: center;
}2. To remove the Sidebar from the Home page
2.1 create a new Layout Element ( in Appearance > Elements ) -
2.2 on the Sidebar Tab set it to No Sidebar
2.3 Set the Display Rule Location to Front Page
Both work great, thank you so much!
You're welcome
