Shopify themes, liquid, logos, and UX
Hello!
My website is https://fableslifestyle.com/password
I would like to make the font size of the content heading "S23 Coming Soon..." to be smaller on mobile only so that the text does not stack on my password page.
Any ideas? Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
Hello there,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:
@media (max-width: 768px) {
h2.password-page__hero {
font-size: 25px;
}
}
Hello @llafrance
It's GemPages support team and glad to support you today.
Please check out my suggestion below:
1. Go to Online Store -> Theme -> Edit code -> Layout
2. Open file password.liquid then add this code to above the </head> tag
<style>
@media (max-width: 767px){
#shopify-section-password-content .password-page__main__inner .password-page__hero{
font-size: 32px;
}
}
</style>
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
This is an accepted solution.
Hello there,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:
@media (max-width: 768px) {
h2.password-page__hero {
font-size: 25px;
}
}
Hello @llafrance
I would like to give you a solution to support you:
1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </body> :
<style>
@media(min-width: 280px) and (max-width: 767px){
.password-page__hero {
font-size: 32px;
}
}
</style>
User | RANK |
---|---|
143 | |
96 | |
76 | |
70 | |
69 |
This blog post is a recap of the webinar Getting Ready For BFCM: How To Run A Flash Sal...
By Jacqui Oct 3, 2023Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023