Hi, I am a bit confused with what the margins on my blog page are doing. The mobile view (for iphone 5) has a very wide margin causing the heading and text etc to stack on top of each other with only 2 or 3 words per line (ie. not very user friendly). But when I view the mobile layout in Yellow Pencil, it looks fine.
So I'm not sure how to fix this? I think I might have adjusted the margins at some point in Yellow Pencil (when I first downloaded it and started playing around) but now if I try to reduce the margins, I'm getting the warning that a negative number might break the layout.
Could you please advice on
a) why my Yellow Pencil mobile view is different to my real phone view and
b) how can I adjust the margins in mobile view only?
See attached files showing mobile view in Yellow Pencil and mobile view from my browser (which replicates what is happening on my iphone).
UPDATE: I have since deleted the changes via Yellow Pencil > Customizations so margins are all back to normal. However I'm still curious as to why my YP responsive view was different to my actual mobile view? Hard to make edits if it's not displaying accurately.
Hi, I am a bit confused with what the margins on my blog page are doing. The mobile view (for iphone 5) has a very wide margin causing the heading and text etc to stack on top of each other with only 2 or 3 words per line (ie. not very user friendly). But when I view the mobile layout in Yellow Pencil, it looks fine.
So I'm not sure how to fix this? I think I might have adjusted the margins at some point in Yellow Pencil (when I first downloaded it and started playing around) but now if I try to reduce the margins, I'm getting the warning that a negative number might break the layout.
Could you please advice on
a) why my Yellow Pencil mobile view is different to my real phone view and
b) how can I adjust the margins in mobile view only?
See attached files showing mobile view in Yellow Pencil and mobile view from my browser (which replicates what is happening on my iphone).
UPDATE: I have since deleted the changes via Yellow Pencil > Customizations so margins are all back to normal. However I'm still curious as to why my YP responsive view was different to my actual mobile view? Hard to make edits if it's not displaying accurately.
It could be that you were probably cached and couldn't see the change on your website.
Is it all good now?
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!