mobile issue with page title bar text

[opsych]

#455756

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]

#459679

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]

#497076

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]

#879495

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?

[Author]

Posts