My code added to the theme.css asset file did not apply the text color change I input. The color will change only if I use the “Theme Settings” → Colors → Headings & Links → hex#000000 but it changes all the other headings as well. Using Debut Theme
My code:
@media only screen and (max-width: 750px){
#shopify-section-1625247223bbba8fdd .h2, h2 {
color:#00a8cf !important;}
}
yes please add this
@media only screen and (max-width: 750px){
#shopify-section-1625247223bbba8fdd .h2 {
color:#00a8cf !important;}
}
Please try this CSS
@media only screen and (max-width: 749px){
#shopify-section-1625247223bbba8fdd .h2, .section-header.text-center, h2 {
font-family: GothamBold!important;
color: #00a8cf;
}
}
@dmwwebartisan Thanks for the reply. The font color still did not change on mobile. Not sure why the css is not working for mobile (even with !important added). It has only worked for desktop font color changes
Please try the following code.
@media only screen and (max-width: 989px){
#shopify-section-1625247223bbba8fdd .h2, .section-header.text-center, h2 {
font-family: GothamBold !important;
color: #00a8cf;
}
}
hello @j1419
Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.
@media only screen and (max-width: 749px){
#shopify-section-1625247223bbba8fdd .h2 {
color: #00a8cf;
}
}
@dmwwebartisan tried the new code, it still did not work on mobile
Hi @Kinjaldavra , I used the code you provided, it didn’t change the font color on mobile.
thanks for update i can’t see above code in your css file where do you have add?
@KetanKumar I temporarily removed it to try another css code. I have re-added the code you provided earlier. So far the color of headers only change on mobile if I use the theme editor but that changes all of them and I only need a few to be changed.
@dmwwebartisan , @Kinjaldavra , @KetanKumar The css changes the color on desktop but is not changing it on mobile. Any suggestions?
