Hi
It's me again.
I have a question is there any way of making the main font (in this cae the title font of "Everything Doggyfied") show as that particular font on mobiles rather than it showing differently. It tends to show as a Script font when viewed on mobiles which makes it difficult to read - especially on smaller lettering.
Thanks
Len Smith
Main Font change on mobile phones
15 replies · opened Oct 1, 2023
Hello,
Yes, absolutely! This can be done using Responsive CSS:
[ch_pre type="css"].device-down-md #slider h3 {
font-family: var(--cnvs-primary-font);
}[/ch_pre]
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Fantastic thanks very much.
I knew you would have the answer
Len
Very Happy to Help! :)
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Sorry about this but tried adding it to the pet ccs folder but din't work so I am obviously not putting it in the correct place so where do I need to add it please
Regards
Len
Hello,
Always add Custom CSS codes in the css/custom.css File: https://docs.semicolonweb.com/docs/getting-started/theme-customization/ .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Fantastiv thanks for that
Len
Hi
OK did that as you said and added code to the cuson css file and uploaded to server but it is still the same.
attached screen shot of what I added to cuson css folder.
Regards
Len
Hello,
We have just checked this out and it appears to be working for us. A different Font is being applied on Mobile Devices than on Desktop. Consider checking the screencast video.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Yep it works fine on desktops but the font changes on mobiles for some reason. Will check out the video you sent but looks like I might have to change fonts so it looks OK on moble.
Thanks anyway
Len
Looking at it again I reckon I will leave it as it is. The change of font on mobiles isn't too bad I guess.
And maybe you might come up with a fix in future. Once again many thanks for your help
Len
Hello,
Apologies but we feel like we might have misunderstood your request.
What we assumed was, you would to make the Text more readable on Mobile Devices than it is currently, as the Desktop Font is using a Cursive/Script Font. For which reason, the CSS which we have provided you with changes the Font to Body/Primary Font on Mobile Devices.
However, the Codes we have provided you with is Customizable and you can either change the Font to an entirely different one by adding your own Google/Custom Font and then applying it in the CSS Codes (as provided) or you can also change the Font Size according to your needs. This is not an issue or a Bug, but a Customization effect, so it wont likely be fixed in an update.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Haa yes now I see thanks Will check out the video you sent again
Thanks agin
Len
Hi I have looked at the video but I just can't see what I need to change and where.
I wonder if you would be so kind as to tell me what line of coding I need to change and to what please.
I really apprecaite your help.
Regards
Len Smith
Hello,
Based on your request, there no changes required but a need to add additional codes according to the Responsive Classes. You will need to use the Codes above or the Responsive Classes available here: https://docs.semicolonweb.com/docs/utility-classes/responsive-utilities/ and then extend your codes based on the Customizations you need. Since, currently Customization related Support is not included with the License according to the Item Support Policy: https://themeforest.net/page/item_support_policy and https://support.semicolonweb.com/support-policy/ . You will need to manually code this or Hire Us to help you out with additional Customizations.
Thanks for your Understanding.
Let us know if we can help you with anything else or if you find any further issues.
Ok thanks very much for your help
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard