How do I Turn off Sidebar on Tablet for posts? And how do I move it to the bottom of the page on tablet if the client decides to keep it displayed?
Hey Beth,
Thank you for the inquiry.
You can use this css code to disable the sidebar on tablet view.
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top .container .av-content-small,
.responsive #top #wrap_all .flex_column,
.responsive #top #wrap_all .av-flex-cells .no_margin {
margin: 0;
margin-bottom: 20px;
width: 100%;
}
.responsive #top #main .sidebar.smartphones_sidebar_active {
display: none;
}
}
And if you want to keep the sidebar on smaller screens, go to the Enfold > Sidebar Settings panel and enable the Sidebar on Smartphones option.
Best regards,
Ismael