I am finding it a bit cumbersome getting the mobile versions of my designs looking right.
Most elements have an option to hide on mobile but for things like setting margins for different devices its problematic as I have to make the change by adding a media query to the layouts CSS. I have no way of seeing how that change looks until I save out of the layout settings and then publish my changes.
The header element lets me see alternate text size but the text element doesn’t.
It feels overly time consuming and frustrating doing it like this. Most editors these days allow for changing between breakpoints in the editor and setting alternate rules (check out the new slider revolution wysiwyg or Upfront).
Am I missing some responsive features that already exist or a different way of setting alternate style rules? If not, are there plans to implement this functionality?
Thanks for getting in touch and appreciate the feedback! Yes, we do have responsive padding/margins on our roadmap and plan on doing a lot of enhancement to Beaver Builder this year. Stay tuned on that and thanks again!
If you can make the CSS screen pop out so I can put it on my second monitor, enable emmet, support SASS and give a save button inside the css editor with livereload of the page then I could have pretty close to my normal workflow. I know beaver builder is aimed at people not doing the CSS so much but for me it’s slowing me down a lot compared to my normal workflow working inside a theme. I guess I need to work out a quick way to port content to my local environment then I can do the styling inside a theme then paste compiled css to live site layout settings.
