I am setting up my new website and currently working on my blog post layout.
I would love to keep the stickey side bar on laptop and computers but on tablet/ mobile devices with a smaller screen I want to hide the sidebar. Now it is displaying at the bottom.
To remove the sidebar, add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 999px) {
.single-post #sidebar {
display: none !important;
}
}
I am setting up my new website and currently working on my blog post layout.
I would love to keep the stickey side bar on laptop and computers but on tablet/ mobile devices with a smaller screen I want to hide the sidebar. Now it is displaying at the bottom.
Can you help me out with the custom css required?
thanks in advance!
Hi Martjin,
Thank you for reaching out to us.
To remove the sidebar, add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Try this and let us know how it goes.
Thanks
it works, thank you also for the swift reply!
Hi Martijn,
I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest.
If you've enjoyed Salient, be sure to check out Nectarblocks, our latest innovation for building websites visually with WordPress.
Your feedback is valuable to us and greatly appreciated!
Should you have any further questions or encounter any difficulties along the way, please don't hesitate to reach out.
Best regards,