Heading to big for mobile

Support
#1

Hi, pls check
http://gitarre-nuernberg.de/shows/veranstaltungstipps/
and the following screenshot

[Album] Imgur

This is the view on my mobile (Samsung A5)
As you can see the title looks not professional. It´s necessary to change the fontsize when viewing on small devices.

Need your help for that pls.
Thank you
Andre

#2

Hi There,

To fix this issue, please add this custom CSS under X > Theme Options > CSS:

h1.entry-title {
    word-break: break-all;
}

Hope it heps :slight_smile:

#3

Hi, no it doesn´t.
As u can see here: https://prnt.sc/i4w1ie

Please give me a professional solution for that.

Thx
Andre

#4

Hi Andre,

Please try with this CSS instead:

@media (max-width: 480px){
    .entry-title {
        font-size: 150%;
    }
}
@media (max-width: 320px){
    .entry-title {
        font-size: 120%;
    }
}

Let us know how it goes!

#5

good!

Ty
Andre

#6

You’re welcome, Andre.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.