I am trying to correct the layout for mobile phones in the responsive editor.  I need to get the different rows re-arranged, as they are now overlapping each other on mobile phone screens.  

I can change the sizes and margins in the editor, but when I try to save the changes, it gives me the error message on the attached screenshot. 

And the tab in Chrome where I use Yellowpencil, uses 1-1.5 GB of RAM when working on the responsive design...

Hi,

I got also Responsive tool issues.

First of all a really great plugin I must say !! ;)

I use the free version your plugin: Visual CSS Style Editor, on this page in my WooCommerce webshop.

I succesfully adjusted the layout of my shop page like I wish.

Only now on mobile smartphone the lay out is a big mess.

See screenshot

To fix this mobile layout I am using the Responsive tool offered by your plugin.

For example I am trying to move the position of the product 'More info' button.

See screenshot

But it is not saving layout changes of the elements like for example: position.

Instead it shows a popup with the options to upgrade to Pro or not.

See screenshot

How to save the layout changes done by the free features from the Responsive tool?

Best regards,

Joris

Hi J-Dsgn,

For size or position changes, you need the pro version.  Very good deal at only $25.  I DO have the pro version, but the responsive design is not saving.

Hi,

Questions about your reply:

Q1:

1. If you get some error while saving try increasing Wordpress memory limit in wp-config.php by adding this line below WP_DEBUG

define('WP_MEMORY_LIMIT','256M');

A1:

If you should read my message accurate you noticed I dont get any error at all.

But responsive changes is not saving layout changes of the elements like for example adjust: position.

Instead it shows a popup with the options to upgrade to Pro or not.

See screenshot

Q2:

2. As for the responsiveness - you shouldn't move too much elements on desktop screen by dragging them since it will reflect how your mobile or tablet looks. 

If you rearrange something on desktop it means it will reflect all screen sizes below the screen size you've edited.

So you need to adjust the responsiveness and there's no easy way to do it.

A2:

First of alI did not moved any element by 'dragging'  but only with the 'Position' functions in the YP toolbox.

Secondly I only moved some elements (loop title, thumbnail image, add to cart and more info button, etc.) within the products on the shop page.

Furthermore I know desktop changes refelect on mobile layout and this was not my question.

Namely because of this I am trying to change the mobile (max screen width: 320 px & max screen size: 480px) and tablet (max screen widt: 768px) layout by the responsive tool.

But the responsive tool is not saving these layout changes (like for example: Position).

Instead it shows a popup with the options to upgrade to Pro or not while the responsive features I use are included the free version plugin?

See screenshot

While responsive tool not save changes I just copy-paste the css your YP plugin provides manually in my WordPress custom css file.

This does the trick and the wished responsive changes created by the respinsove tool are shown right in my webshop.

So how can I save these responsive layout changes with the responsive tool like it should?

any reply?

Thanks a lot David. That worked. 

@J-dsgn, can you please start your own thread, this was my issue and you're high jacking it. 

Thanks.