# Custom police on mobile version **URL:** \ **Category:** Shapely\ **Created:** [February 20, 2018, 3:52am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192 "2018-02-20T03:52:28Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![plngida](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/ac8455/32.png) [@plngida](https://colorlibsupport.com/u/plngida)\ **Post date:** [February 20, 2018, 3:52am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/1 "2018-02-20T03:52:28Z")
Hello everyone, I changed the police of our website to a customised one. It looks great on the screen of my computer. On mobile the police is back to default which is quite annoying Is there anything I could do? If so, could you please assist me? Thank you very much in advance for your help. ---
**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\ **Post date:** [February 20, 2018, 5:32am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/2 "2018-02-20T05:32:26Z")
Hi there Hope you are having a good day and thank you for your question 🙂 In order to check your question i need to see your live website, please provide url and i will take a look ---
**Author:** ![plngida](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/ac8455/32.png) [@plngida](https://colorlibsupport.com/u/plngida)\ **Post date:** [February 20, 2018, 5:52am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/3 "2018-02-20T05:52:38Z")
Hi Noda, Here you are : www.gida.hk. Thank you! ---
**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\ **Post date:** [February 20, 2018, 6:16am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/4 "2018-02-20T06:16:13Z")
@plngida hm… why i cant see it? even on smallest screen devices footer credit remains hidden for me, i see css code is added and it works great for desktop and for smaller screen devices, could you share a screenshot? ---
**Author:** ![plngida](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/ac8455/32.png) [@plngida](https://colorlibsupport.com/u/plngida)\ **Post date:** [February 20, 2018, 6:21am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/5 "2018-02-20T06:21:30Z")
I know! It’s so frustrating! It works on my screen but not on my phone. Please find some screens from my phone below. ---
**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\ **Post date:** [February 20, 2018, 6:42am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/6 "2018-02-20T06:42:14Z")
Wait, wait… i thought we were talking about privacy policy text in the footer, but you sharing a screenshot of the different section of the page,… now my question is “I changed the police of our website to a customised one” what you mean in this?? can you tell me little bit more on this? ---
**Author:** ![plngida](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/ac8455/32.png) [@plngida](https://colorlibsupport.com/u/plngida)\ **Post date:** [February 20, 2018, 7:11am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/7 "2018-02-20T07:11:23Z")
I am so sorry, I meant “font” (which is police in French). Should have confirmed the word before sending. Apologies Noda. ---
**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\ **Post date:** [February 20, 2018, 7:52am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/8 "2018-02-20T07:52:46Z")
😃 no problem buddy please add this css in appearance\> customize \> additional css: ```auto h3 { line-height: 53px; } ``` ---
**Author:** ![plngida](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/ac8455/32.png) [@plngida](https://colorlibsupport.com/u/plngida)\ **Post date:** [February 23, 2018, 1:24am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/9 "2018-02-23T01:24:32Z")
Hello Noda, Sorry for my late reply. I tried the added css this morning. No result unfortunately. The default font still appears on the mobile version of the website. ---
**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\ **Post date:** [February 23, 2018, 3:55am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/10 "2018-02-23T03:55:58Z")
Hi @plngida Please clear cache and check again 😉 i see its applied and i can see the difference ---
**Author:** ![plngida](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/ac8455/32.png) [@plngida](https://colorlibsupport.com/u/plngida)\ **Post date:** [February 23, 2018, 4:01am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/11 "2018-02-23T04:01:07Z")
Hi Noda, Thank you for your help again. I did actually but no change on my phone screen :’( ---
**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\ **Post date:** [February 23, 2018, 4:19am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/12 "2018-02-23T04:19:10Z")
Please check attached screenshot 🙂 ---
**Author:** ![plngida](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/ac8455/32.png) [@plngida](https://colorlibsupport.com/u/plngida)\ **Post date:** [February 23, 2018, 4:27am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/13 "2018-02-23T04:27:01Z")
Sorry Noda, I cannot see them. Thank you for the spacing, it really improved the rendering. I am not sure I have been really clear in my explanations. My problem is the font in itself. I uploaded and integrated a new one (font-family GIDA). It shows on computer screen but not on phones. ---
**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\ **Post date:** [February 23, 2018, 5:04am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/14 "2018-02-23T05:04:45Z")
Ouch, sorry about image, 🙂 Please check it again here ---
**Author:** ![plngida](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/ac8455/32.png) [@plngida](https://colorlibsupport.com/u/plngida)\ **Post date:** [February 23, 2018, 5:19am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/15 "2018-02-23T05:19:50Z")
Hi Noda, Thank you but this is not the font I applied. Should appear like shown in SS. I guess I would need some extra css addressing the style of the responsiveness. ---
**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\ **Post date:** [February 23, 2018, 8:20am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/16 "2018-02-23T08:20:59Z")
Thats strange thought, i can see you are using custom font GIDA but this font is not loaded anywhere, can you tell me how you implemented this font on the website? and regarding on your photos, what is the problem with them? I really can’t see anything unusual ---
**Author:** ![plngida](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/ac8455/32.png) [@plngida](https://colorlibsupport.com/u/plngida)\ **Post date:** [February 23, 2018, 8:56am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/17 "2018-02-23T08:56:59Z")
No pb with the photo. Just the font 🙂 So I sent the .tiff via FTP to our host. And added: @font-face { font-family: ‘GIDA’; src: url(‘GIDA\_normal.ttf’); } @font-face { font-family: ‘GIDA’; src: url(‘GIDA\_thin.ttf’); } @font-face { font-family: ‘GIDA’; src: url(‘GIDA\_bold.ttf’); } ---
**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\ **Post date:** [February 26, 2018, 10:15am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/18 "2018-02-26T10:15:19Z")
Hi there That will not work, can you tell me where they are located in the server? i need a direct link to the fonts or font folder ---
**Author:** ![plngida](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/ac8455/32.png) [@plngida](https://colorlibsupport.com/u/plngida)\ **Post date:** [February 28, 2018, 2:57pm UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/19 "2018-02-28T14:57:26Z")
Hi Noda, Sorry for the delay. I stored it in the font file of WP folders : /srv/users/serverpilot/apps/gida/public/wp-content/themes/shapely/assets/fonts Thank you! ---
**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\ **Post date:** [March 1, 2018, 6:02am UTC](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192/20 "2018-03-01T06:02:55Z")
Hi there Send me your admin details please, something is not working and can fix it from dashboard Thanks! Colorlib Support Team [Next page](https://colorlibsupport.com/t/custom-police-on-mobile-version/20192.md?page=2)