Replies
Hi Brajesh,
No issue at all, thanks for your input about @font-face which I will check what exactly it is.
Regards
DanielHi Brajesh,
Actually the issue doesn’t appear anymore, it looks like it was fixed. The issue occured only on that particular mobile device and after checking with other mobiles all seemed to be normal.
Thanks anyways.
Regards
DanielHi Brajesh,
I am still looking for a solution but after trying different CSS I am unable to resolve the issue.
Shouldn’t there be a CSS code saying to the Theme to use font poppins on mobile?
Thank you for your assistance.
Regards
DanielHi Brajesh,
I don’t understand exactly what you mean with
@font-face
?I have tried to apply this CSS now but it had no effect
/*Use POPPINS font on mobile*/ @media only screen and (min-width:417px) and (max-width:767px){ body { font-family: poppins; } } @media only screen and (max-width:416px){ body { font-family: poppins; } } @media only screen and (min-width: 768px){ body { font-family: poppins; } }
Thank you for your help.
Regards
Daniel- This reply was modified 2 years, 2 months ago by
Daniel.
- This reply was modified 2 years, 2 months ago by
Hi again,
I have found the issue, it was the Simple Cloudflare Turnstile plugin which has caused the issue.
All is fine thank you.
Regards
DanielHi again,
These are the CSS codes applied on the website with syntax @media so there is no CSS saying to use another font then poppins on mobile:
@media only screen and (min-width:417px) and (max-width:767px){ .bp-nouveau #buddypress .activity-list .activity-item .activity-meta .bp-share-button { margin: 13px; position: relative; bottom: -6px; } } @media only screen and (max-width:416px){ .bp-nouveau #buddypress .activity-list .activity-item .activity-meta .bp-share-button { position: relative; bottom: -6px; } @media only screen and (min-width:417px) and (max-width:767px) { .bpfb_link_preview_url { overflow-wrap: break-word; font-size: 14px; } } @media only screen and (max-width:416px) { .bpfb_link_preview_url { overflow-wrap: break-word; font-size: 14px; } } /* Radio Stations Styling */ @media only screen and (min-width: 768px) { body.wp-radio article.page { max-width: 100% !important; margin-top: 50px; } }
Thanks for your time!
Regards
DanielHi Brajesh,
I have actually checked the CSS and there is no CSS code that prevents the mobile version from loading poppins font
the syntax for mobile on my website is called as follows:
@media only screen and (min-width:417px) and (max-width:767px){
but do you have a clue which rule do I need to add to the syntax in order that the mobile version will take the poppins font all across the website?
Thank you.
Regards
DanielHi Brajesh,
Thanks for your feedback, will have a look.
I guess I can put a new CSS code with syntax @media and add font: poppins; in order that the mobile version will take the font appropriately.
I will check if it will work.
Regards
Daniel- Daniel on March 22, 2023 at 8:39 am in reply to: Disable friend request option in BP Profile Privacy settings #48862
yes pls
- Daniel on March 21, 2023 at 7:12 am in reply to: Disable friend request option in BP Profile Privacy settings #48848
Hi Brajesh,
OK thanks.
Regards
Daniel