vmagliulo
Forum Replies Created
-
Forum: Plugins
In reply to: [Kadence WooCommerce Email Designer] Mobile Responsive EmailsThanks Ben, that would be amazing.
I’ll remove all CSS for now then!Forum: Plugins
In reply to: [Kadence WooCommerce Email Designer] Mobile Responsive EmailsHey Ben, it’s an iPhone 7.
Here is a comparison between no code and the code with min-width set to 200px: https://drive.google.com/file/d/1yuKJpEJ8KKeNxpIKnHV25tIrL32iapgh/view?usp=sharing
It helps a little but it is still far smaller than needed to make it readable on a phone.
By the way I am putting the code inside the custom styles tab of the your editor, is that right?
Forum: Plugins
In reply to: [Kadence WooCommerce Email Designer] Mobile Responsive EmailsSo there is an inverse effect because without CSS, your regular email fills the page but it leaves the font way too small to read.
Adding your CSS code does make the fonts responsively bigger, but it’s still not big enough to read I would say. Plus it simultaneously creates a lot of white space in the screen by not filling it.
I’m not a CSS expert, but perhaps an alternative would be to set larger font-sizes for screen widths under 800px or something? Would that work? It’s just an idea
Forum: Plugins
In reply to: [Kadence WooCommerce Email Designer] Mobile Responsive EmailsHi Hannah,
So increasing the min-width sort of helped, but it also took a step back.
It does fill the email and removes some of the blank area on the right, but it decreases the text size at the time, making it less readable.To give you a better idea, here is a screenshot of a regular iPhone email aligned with two of yours with min-width set to 400px and 500px: https://drive.google.com/file/d/1TE0fjLC-oE40wlyBBoKNzoVFzMCEsMun/view?usp=sharing
I know they seem readable on PC but keep in mind on a phone these appear much much smaller.
I appreciate all your help, hope we can figure it out!
Forum: Plugins
In reply to: [Kadence WooCommerce Email Designer] Mobile Responsive EmailsHey ben,
I am viewing it in the regular iMail app on my iPhone. Hannah, Ill try your suggestion right away and get back. thank you both!Forum: Plugins
In reply to: [Kadence WooCommerce Email Designer] Mobile Responsive EmailsThanks a lot Ben, that worked like 90%!
The text is now more readable on mobile.
But the email margin is quite narrow in mobile.
Here is a screenshot: https://drive.google.com/open?id=1zJLbXoQ_tsPv39zS8cMzG1e9Mw0H8qzcIs there a way to stretch it so it fits horizontally when viewing in mobile?
I’ve tried playing with the widths in the code you sent me, but it doesn’t seem to change anything and I’m not a CSS expert whatsoever.
Thanks for your help this far!
Forum: Plugins
In reply to: [Kadence WooCommerce Email Designer] Mobile Responsive EmailsHey Hannah,
Yeah basically I opened the email on my iPhone and it isn’t responsive. It just frames the entire desktop layout within the mobile size so everything looks super tiny and unreadable.Forum: Plugins
In reply to: [Kadence WooCommerce Email Designer] Mobile Responsive EmailsHere is a screenshot by the way:
https://drive.google.com/file/d/1TgKqJlY7wHwTPxaBmVpqg48RPHQ2WO43/view?usp=sharing
Solved the arrows too.. I had the height set too high 🙂
responsive issue solved 🙂 Not the arrows though…
If I can add something, I’ve also noticed that it’s not responsive on mobile.
All I am sliding is text in h2. However, on mobile the text appears huge and isn’t adjusting responsively.
THANK YOU!