H3 font size problem on mobile

Hello there!

First of all, thx for this great theme.

Everything works fine, except 2 of H3 widget-titles in mobile version. They are too big, so they are out of screen. I cant find the CSS code for that. I’ve tried that with h3 too, but the font size wont change at all.

Thank you, for the help!

Hi, I think you have different css selector from the link above. Please try this instead:

@media only screen and (max-width: 780px){
  h3 {
    font-size: 22px !important;
  }
}
Hi, I think you have different css selector from the link above. Please try this instead:
@media only screen and (max-width: 780px){
  h3 {
    font-size: 22px !important;
  }
}

Thank you very much! It works good now. Big up.

If you want to keep your font size, you can use &shy; or <wbr> as an alternative. Both tags generate a breakpoint between the letters. The difference is that with one of them you have got a - between the letters and with the other the word is just breaking.

Use it e.g. like this in the editor:
ex&shy;ample
If the screen is too small, it will break and there will be this:
ex-
ample