Я создаю шаблон mailchimp, и размеры моих заголовков на мобильных устройствах разные, хотя стиль должен быть одинаковым. ⇐ CSS

[Anonymous]

Мне нужна помощь с мобильным CSS, который не работает в шаблоне mailchimp, код приведен ниже

Код: Выделить всё

h4{
/*@editable*/color:#000000;
/*@editable*/font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
/*@editable*/font-size:20px;
/*@editable*/font-style:normal;
/*@editable*/font-weight:normal;
/*@editable*/line-height:22px;
/*@editable*/letter-spacing:normal;
/*@editable*/text-align:left;
}
@media only screen and (max-width: 480px){
h4{
/*@editable*/font-size:18px !important;
/*@editable*/line-height:21px !important;
}
}

Тогда блоки кода отличаются

Код: Выделить всё

                    
[h4]
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonluptatum zzril
delenit augue duis dolore te feugait nulla
ectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea
[/h4]





[h4]
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonluptatum zzril
delenit augue duis dolore te feugait nulla
ectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim
veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea
[/h4]

Я пробовал менять значения, а также создавать собственные классы. Я проверил форумы и видео, но не нашел решения.
Кажется, что на настольных компьютерах все работает хорошо, но единственная проблема — на мобильных устройствах.

Подробнее здесь: https://stackoverflow.com/questions/786 ... re-all-dif