archived newsletters are too wide on smart phone

keithvb

Using Joomla!4 and Acymailing 5.
https://susanvonborstel.com/index.php/newsletters/latest-newsletter/archive/view

When I view an archived newsletter it is twice the width of a smartphone screen.
All other pages on the website resize correctly.
Please help.

Thanks, Keith

keithvb

Note: The newsletter itself appears correctly on the smartphone.

jvstratum

Hi,

Adding the following code to the custom css of your website's template should solve the issue.

table {max-width: 100%;}

keithvb

Thanks for the reply.
I added this to custom.css
table {
max-width: 100% !important;
}
No change...
What next?

jvstratum

keithvb

Sorry, I totally forgot about the iframes. Instead you can add the css to the custom stylesheet of your campaign or template.

https://docs.acymailing.com/v/old/main-pages/newsletters/templates#stylesheet

mihha

Why are we even discussing this if your archive view is set to show archive newsletter in a popup?

Adding the code previously suggested to the template custom CSS file won't help, since the newsletter (if you look at it using the link you provided) is loaded using IFRAME

keithvb

Thanks mihha. I turned off the popup.

jvstratum,
Thanks for the reply.
I applied the following code per the stylesheet info from the link you sent.
Also enabled Module CSS File and Component Front-end CSS

table {
max-width: 100% !important;
}

@media(min-width: 10px({
.w600 {width:320px !important;}
.w540 {width:260px !important;}
.w30 {width:30px !important;}
.w600 img {max-width:320px; height:auto !important;}
.w540 img{max-width:320px; height:auto !important;}
}

to my main template custom.css and to the Acymailing environment Module CSS File and Component Front-end CSS File.

It seemed that this would fix the problem but nothing changed. The browser inspector didn't show the additions I made.
What next?

jvstratum

Hi,

I wanted to remind you that when adding CSS to your email templates, it will only apply to new campaigns. If you wish to apply this styling to archived campaigns, you will need to add it to those campaigns individually.

keithvb

I'll try it.
Thanks.