How can I alter the title font color on mobile version only?

Hello,

I’m trying to change the color of my title font on mobile version only. Can somebody help me?

Link to website: https://rightnowvintage.de/
Thank you

1 Like

Hey @Regardez

Can you share a screenshot of what exactly you want to change the color of and also in what color?

Best Regards,

Moeed

Hi @Regardez

Do you mean this title?

If it is try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (max-width: 989px){
h2.rich-text__heading.rte.inline-richtext.h1 {
    color: red;
}
}
  • And Save,
  • Note: You can change the color you like.

Hello,
Please excuse my late reply and thank you for the help.
I’d like to change this heading (Shop Vintage):

Could you please show me how it works?

Hey @Regardez

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like