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 |
---|---|
215 | |
180 | |
63 | |
54 | |
47 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023