Help in Mobile View Layout

Solved
AC9
New Member
13 0 0

AC9_0-1632359644770.png

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

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

Pass: ohchau

 

0 Likes
Guleria
Shopify Partner
1781 374 530

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

 

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
0 Likes
AC9
New Member
13 0 0

Hi @Guleria ,

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

0 Likes
Guleria
Shopify Partner
1781 374 530

This is an accepted solution.

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

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
0 Likes