I am struggling with the responsive tool in Yellow Pencil. When I am doing a change for a specific screen size, for example the padding or margin around a text box, it automatically changes to another screen.
For example:
- Step 1: screen size 300px and below: I change the position of the text so it is centered. - Step 2: screen size 400px and below: the text is aligned to the left so I change it a little. - Result: the position of the text from 300px and below (step 1) is also changed now, so it is not centered anymore.
For this reason, I cannot edit the text seperately for each screen size, because the margin, padding and position are always connected to ALL screen sizes.
I want to do changes for each screen size WITHOUT changing another screen size. How can I do that? I am starting to get desperate for an answer :-(.
You should always style from higher resolution to smaller ones. So from 1000px to 300px. If you add something to the max-width of 1000px, it will apply from 1000px to 0px.
So try that approach. Style on larger resolutions and there's chance that you won't need to style on smaller ones. It will adapt on them.
Hello,
I am struggling with the responsive tool in Yellow Pencil. When I am doing a change for a specific screen size, for example the padding or margin around a text box, it automatically changes to another screen.
For example:
- Step 1: screen size 300px and below: I change the position of the text so it is centered.
- Step 2: screen size 400px and below: the text is aligned to the left so I change it a little.
- Result: the position of the text from 300px and below (step 1) is also changed now, so it is not centered anymore.
For this reason, I cannot edit the text seperately for each screen size, because the margin, padding and position are always connected to ALL screen sizes.
I want to do changes for each screen size WITHOUT changing another screen size. How can I do that? I am starting to get desperate for an answer :-(.
Regards,
Jurrie
Hi,
You should always style from higher resolution to smaller ones. So from 1000px to 300px. If you add something to the max-width of 1000px, it will apply from 1000px to 0px.
So try that approach. Style on larger resolutions and there's chance that you won't need to style on smaller ones. It will adapt on them.
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
Thanks! I worked :-)
Great!
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
I have the same problem. I tried your solution and it doesn't work for me.
I am doing something wrong 😳
@Locustore - can you explain your issue?
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!
When I use responsive tool, if I change something on a page it change on the other pages. Also, there's some section that disappear.
I use Wordpress 5.4 and YellowPencil Pro 7.2.9
Do you mind sharing video? You can use Loom to record video and share it here.
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!