How can I reduce subheading text size for mobile view?

Hi, how can i make the subheading text smaller so that it fits on one line when in mobile view?

Hello @mysacredsoul ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add this following code at the bottom of page

/* Assuming the subheading element has a class name 'subheading' */
@media (max-width: 767px) {
  .subheading {
    font-size: 14px; /* Adjust the font size as needed */
  }
}

Save and preview

Hope this can help.

Ali Reviews team.

Hi, i am using the impulse theme, there is no base.css file