Saved addition code in theme.css.liquid not working

Solved
Highlighted
Tourist
19 0 2

Hi there,

 

I tried to edit some font size in certain area on our site iguaneyeau.myshopify.com on mobile vers but for some reasons the code didnt work. Have i done anything wrong?

What i did change the font size from 12px to 10px on mobile screen less than 460px

JimmyNguyen_1-1597900353380.png

 

1 Like
Highlighted
Astronaut
1075 173 211

This is an accepted solution.

hello,

Yes, you did, but that is a very simple mistake. The media query should be between { }

Therefore, the correct code would be:

 

@media (max-width: 460px){
.slider-revolution .tp-caption1-wd-3{
font-size: 10px;
line-height: 1.2;
max-width: 180px;
margin-top: 7px;
}
}

 


If it doesn't work replace all with !important; 

So it will look like: font-size: 10px !important; and so on and so forth.

Let me know whether it works.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like
Highlighted
Shopify Partner
7457 1032 2592

@JimmyNguyen 

you have missing important tag {}
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

 

@media (max-width: 460px){
.slider-revolution .tp-caption1-wd-3{
font-size: 10px;
line-height: 1.2;
max-width: 180px;
margin-top: 7px;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like