How can I resize the H3 Custom HTML Block for mobile view?

Store Design
1

AC9_0-1632359644770.png
AC9_0-1632359644770.png202×333 15.9 KB

Can someone help me make the H3 Custom HTML Block smaller in mobile view?

The URL is https://prunies.myshopify.com/

Pass: ohchau

2

Hello @AC9 ,

  1. Go to Online Store->Theme->Edit code
  2. Asset->_reboot.scss-> paste bellow code in bottom of file
@media screen and (max-width: 768px) {
h3.has-text-align-center {
    font-size: 16px;
}
}

Thanks

3

Hi @Guleria ,

I dont see _reboot.scss anywhere in the asset and other folder.

4

then add it in other scss or css file.
Try to find theme_core.scss.liquid under Assets.