Avada Forums Community Forum mobile issue with page title bar text

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • opsych
    Participant
    Post count: 1

    Hi there,

    On my website I use the page title bar. No problem for the desktop version but on mobile long words are cut. If I turn the mobile phone horizontally also no problem.

    Is there a setting that allows me to adjust the font size of page title bar text for mobile devices or depending on screen size?

    Who wants to check it out. Problem is also on the home page: https://online-psychology.net

    Cheers.

    lauyee
    Participant
    Post count: 1

    I’m facing the same issue too. Seems like the admins and support is a bit slow here though.
    Have you found any fix to it? I tried playing around with Fusion Page Options > Page Title Bar options but it doesn’t seems to help.

    keyuramins
    Participant
    Post count: 4

    I had the similar problem and I tackled it in the following way.
    I used the Custom CSS section and put the following code: Please note that the code may work for you or it may not depending upon the responsive break points that you may have given in your responsive section.

    /* Extra small devices (phones, 600px and down) */

    @media
    only screen and (max-width: 600px) {
    .entry-title{font-size:30px;color:white;}
    }

    /* Small devices (portrait tablets and large phones, 600px and up) */

    @media
    only screen and (min-width: 600px) {
    .entry-title{font-size:38px;color:white;}
    }

    /* Medium devices (landscape tablets, 768px and up) */

    @media
    only screen and (min-width: 768px) {
    .entry-title{font-size:52px;color:white;}
    }

    /* Large devices (laptops/desktops, 992px and up) */

    @media
    only screen and (min-width: 992px) {
    .entry-title{font-size:72px;color:white;}
    }

    /* Extra large devices (large laptops and desktops, 1200px and up) */

    @media
    only screen and (min-width: 1200px) {
    .entry-title{font-size:72px;color:white;}
    }

    Hope it works for you.

    scholes
    Participant
    Post count: 2

    Unfortunately, it didn´t work for me? Any other ideas how I can adjust the font size for the page title bar text for mobile devices?

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.