SweetAlert small on mobile devices, and Resize SweetAlert icons

javascript html css sweetalert sweetalert2
FrankFabregat2 picture FrankFabregat2 · Feb 27, 2018 · Viewed 7.3k times · Source

I am linking to this SweetAlert library https://unpkg.com/sweetalert/dist/sweetalert.min.js, and when I display an alert on mobile, it displays very small. I have increased the text size, but the success, error, warning animations are very small. How can I resize these animations, or make the alert mobile friendly?

This is without CSS Without Css

With CSS

And with CSS

Answer

Mikeys4u picture Mikeys4u · Mar 14, 2018

Found the same thing....

2 options: Add this in CSS: 

.swal2-popup {
font-size: 2rem;
}

or

Use these links for your cdn... and it will work....(but its sweet alert1)

https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js

https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css

Related questions

SweetAlert - Change Modal Width?

I love this library. I'd like to use it to display a moderate response table on one of my web pages, but the text gets a little wide. I was hoping there was an option to change the width of …

Read More
Sweet Alert with form JS (3 input)

I would like to implement a form inside of the sweet alert. I can put just one input inside, with title and body. There is a way to customize the alert, docs says it, but is not allowed to load …

Read More
How to add HTML input into sweet alert?

I am trying to add radio button into dialog box using sweet alert but I'm not able to do it. Following is the code: swal({ title: "<small>Please select an reason to cancel this job !</small>", …

Read More