Shopify themes, liquid, logos, and UX
Re: Symmetry theme
When viewing mobile version of the main slideshow, 'heading' text size significantly decreases.
Is there way to make this slightly larger?
Please note this theme is still a trial but have attached mock-up screenshots for reference.
This is the only part stopping me from purchasing the theme so any help would be greatly appreciated.
Thanks - KDM
Solved! Go to the solution
This is an accepted solution.
hello @KDM
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 767px){
#shopify-section-16172860000b0cd55f .faq-title, .h1-style, h1 {
font-size: 37px !important;
}
#shopify-section-16172860000b0cd55f .overlay-text__subheading.subheading.subheading--over{
font-size: 19px !important;
}
#shopify-section-16172860000b0cd55f .large-text {
font-size: 20px !important;
}
}
Please share your store URL.
@dmwwebartisan Thanks for the speedy response!
As mentioned, Symmetry theme is still a trial but current url with different theme is (now removed)
Thanks for your help and look forward to your response - KDM.
hello @KDM
can you please share your store preview URL so that I can provide you a solution here?
@Kinjaldavra Thanks for the reply.
You may see the preview here: (now removed)
Thanks - KDM
This is an accepted solution.
hello @KDM
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 767px){
#shopify-section-16172860000b0cd55f .faq-title, .h1-style, h1 {
font-size: 37px !important;
}
#shopify-section-16172860000b0cd55f .overlay-text__subheading.subheading.subheading--over{
font-size: 19px !important;
}
#shopify-section-16172860000b0cd55f .large-text {
font-size: 20px !important;
}
}
@Kinjaldavra Amazing!
Thanks for the quick response and solution, it is greatly appreciated.
Once theme is purchased I will be sure to add this code in to fix the mobile view.
Thanks again! KDM
Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance
If helpful then please Like and Accept as Solution
@Kinjaldavra
I have now purchased the theme and your code worked perfectly, thanks so much!
It does change the heading size of all titles on the homepage in mobile view, but after a little adjustment finding the right size that works for all it's great.
Really appreciate the help and hope you enjoy the rest of your week 🙂
KDM
hello @KDM
you insert code in the wrong place please insert this code into theme.css file in the bottom of file
@Kinjaldavra
Yes I figured it out in the end - thank you so much for your help it works great! 🙂
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024