text isnt responsive

gianlucadimonopoli · December 2017

Hi guys, why on the website https://www.oleodinamicaricchiuti.com the h1 isnt responsive, as you can see by pic attached?

Ty so much

Bryan · December 2017

Hi,
you should fix it with this css

h1, .text-logo #logo {
    word-wrap: break-word !important;
}

gianlucadimonopoli · December 2017

Hi, thanks for your answer, but I would like the word to remain on the same line and to resize the font size.

Is it possible? i would like to keep the same font size, 65px, for screens >

768px width

Bryan · December 2017

Try adjusting it with this css

@media (max-width:767px){
.text-logo #logo {
  font-size:20px !important;
}}

gianlucadimonopoli · December 2017

I replaced this code with the previous one and the situation is as you see in the first screenshot

Bryan · December 2017

Okay o either you can add this css, but it will affect all H1 headings

@media (max-width:767px){
h1 {
  font-size:20px !important;
}}

Or add a custom class to it and target only this element.

gianlucadimonopoli · December 2017

right, ty so much

Comments