Streaming live at 10am (PST)

Custom Code causing issues with mobile breakpoint


#1

Hi there,

I purchased a new template and then updated it with my own content. Although all screen size variations look fine on preview, it is going crazy when viewing on an actual mobile phone. Please help because I think I’ve tried everything!

https://preview.webflow.com/preview/quuu-4-1?utm_source=quuu-4-1&preview=874466265bd84e85581f7e1fe46c3378


#2

Hey,

Do you maybe have a few examples of what is going wrong,

The only thing i noticed is that the text is missing in the buttons.

Greetings Kees


#3

Yes, text is missing in various spots, hero, buttons, pricing… I’m so confused!


#4

When you go to your site settings and checkout the tab “fonts” do you have a fallback font selected for the custom fonts?

not sure if this the problem but i think its worth trying


#5

Yes, I have fallback fonts set…


#6

what tempalte did you use?


#7

It was this new one - https://webflow.com/templates/html/vivlio-one-page-website-template. Mobile version seems to be working fine here though. Do you think it could be the custom font? I’ve never had this problem before using this font…


#8

Is it possible that you maybe deleted an component that is used in an animation so the animation won’t finish and thats why your text doenst show?


#9

I don’t think so but I will check thank you.


#10

don’t think that is the problem looks like you didn’t change anything its the same as the template


#11

Yea, I literally changed main content, uploaded my custom font and done… Maybe I’ll remove the font and see if it makes a difference


#12

let me know if that works otherwise ill have a better look when im at home :slight_smile:


#13

Yup, it was the custom font. Found another version and it’s working fine now. :slight_smile:

Thank you for all your help which ultimately lead to a fix!


#14

yay so happy you found the fix :partying_face:

have a nice day :slight_smile: