Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Is it possible to restrict items and change the order that they appear on a mobile device
Hi Dave
Unfortunately not from within theme options. You can hide elements using Custom CSS.
Here is our Custom CSS tutorial: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/
This is what a media query looks like:
@media screen and (max-width: 960px) {}You can adjust the breakpoint and add selectors into the media query as required. For example to hide say the header widget area under 960px would look as follows:
@media screen and (max-width: 960px) { header#masthead hgroup #header-sidebar { display: none; }}Ref: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
A suggestion for an update would be a checkbox option in page builder to turn off/restrict widgets for mobile devices. Pretty please?
Hi DogCare
Thanks for running Vantage. Please find our feature suggestion form here: https://siteorigin.com/suggest-feature/.
All the best.
This is a PERFECT suggestion and second the idea of it being in the list of additions to your already great product. Would make it fantastically easy to really fine tune a responsive site. Please count my vote for this to be included in the future. Couldn’t get here soon enough.
Bill
Thanks for your additional feedback here Bill. Appreciate it. Perhaps something we can work into Page Builder down the line.