BuddyDev

Search

Replies

  • Participant
    Level: Guru
    Posts: 504
    Daniel on in reply to: Theme uses other font on mobile #49555

    Hi Brajesh,

    No issue at all, thanks for your input about @font-face which I will check what exactly it is.

    Regards
    Daniel

  • Participant
    Level: Guru
    Posts: 504
    Daniel on in reply to: Theme uses other font on mobile #49545

    Hi 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
    Daniel

  • Participant
    Level: Guru
    Posts: 504
    Daniel on in reply to: Theme uses other font on mobile #49540

    Hi 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
    Daniel

  • Participant
    Level: Guru
    Posts: 504
    Daniel on in reply to: Theme uses other font on mobile #49497

    Hi 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.
  • Participant
    Level: Guru
    Posts: 504
    Daniel on in reply to: [Resolved] BP Register Page Bug #49485

    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
    Daniel

  • Participant
    Level: Guru
    Posts: 504
    Daniel on in reply to: Theme uses other font on mobile #49484

    Hi 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
    Daniel

  • Participant
    Level: Guru
    Posts: 504
    Daniel on in reply to: Theme uses other font on mobile #49483

    Hi 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
    Daniel

  • Participant
    Level: Guru
    Posts: 504
    Daniel on in reply to: Theme uses other font on mobile #49481

    Hi 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

  • Participant
    Level: Guru
    Posts: 504

    yes pls

  • Participant
    Level: Guru
    Posts: 504

    Hi Brajesh,

    OK thanks.

    Regards
    Daniel