Hello Beauty – Home “Welcome”/About Widget

QuestionsCategory: QuestionsHello Beauty – Home “Welcome”/About Widget
Nicole Olea asked 7 years ago

I can’t figure out how to get the “welcome” heading h1 to resize in mobile. It’s like wrapping itself instead of shrinking. 
This is the code I’ve inputted into the html widget: 
<div class=”accent-text”>
<h1>Welcome</h1>
<h4>to my blog</h4>
</div>
my website is: http://www.nicoleolea.com
 

1 Answers
Support Team Staff answered 7 years ago

It would need to be adjusted in the style sheet.  You can add this to your additional CSS or the bottom of the Style-Front.css style sheet. After you add it be sure to clear your site cache to see the changes.
@media only screen and (max-width: 500px) {
.home-welcome .accent-text h1 {
font-size: 7.0rem;
margin-bottom: -20px;
}
}
 

Nicole Olea replied 7 years ago

That worked! Thank you so much! Love the theme! It’s so extra! 😉