Archived topic
Responsive
7 replies · Started by Nicolas on November 28, 2021
Hello,
I would like to delete "Simple Sidebar" in responsive design for smartphone and change the display order for "Sidebar".
Is it possible ? What I have to do to get this result.
My website is made with elementor.
Best regards
Nicolas Teillard
Hi Nicolas,
Can we have a look at the site in question? To check things and get an idea if it's possible with how the page is laid out.
You can use the private information text field to provide the details. :D
Yes, please find this information in private information.
Best
Nicolas
I see now, thanks.
Any particular reason why you need to delete the current sidebar?
If you simply want to re-order the widgets inside it on a specific viewport, there shouldn't be any need for deletion as we can re-order things with custom CSS.
I would like to delete “Simple Sidebar” called in my website "Petite barre latérale" only on responsive Smarthone design because we can find this informations in the menu.
I would like to re-order "Sidebar" called in my website "Barre latérale" only on responsive Smarthone just bellow the slider and not at the end like it is now.
Thanks for help
Nicolas
Hi there,
add this CSS to remove the Petite barre latérale WPSP widget and position the rights sidebar above the content on mobile:
@media(max-width: 768px) {
#right-sidebar #custom_html-2 {
display: none;
}
#right-sidebar {
order: -1;
}
}
Thanks. That fine.
You're welcome