We are using the Brooklyn theme and wish to reduce the font size in the heading of the hero-image. It looks neat on desktop but on mobile our little one liner becomes four lines.
We have seen some suggestions in the forum, but the closest ones we find pushes the heading beneath the image and the logo above the image. Like this one:
@media only screen and(max-width:768px){
.hero--adapt .hero__title {
font-size: 2em !important;
}
}
How do we reduce the font size of the heading?
Greetings, @heterjagelnour .
Thank you for reaching out and posting this question!
I understand you’re looking to change the font size for the heading of your hero image. Since you’re using a Shopify-supported theme, then this is something that our Theme Support team can help you with. If your store is subscribed to plan, then you’re eligible to use the complimentary design time included with your subscription for this customization. While we’re not able to provide account-specific support via the Shopify Community at this time, we’d be happy to continue assisting you through live chat, email, or callback. Please visit the Shopify Help Center and log in to your account to create a support request.
I’d love to know when our Theme Support can help you with making these changes. Keep me posted!