Header and welcome text on mobile


#1

Hi there. my header image is 1911 x 1080 with welcome text on it. Problem is with responsiveness on mobile e.g. iphone5 on landscape, and samsung galaxy portrait the welcome text gets cut off/truncated. Any advice? thanks www.ivorycontent.com


#2

Hi,

The text doesn’t shrink soon enough to fit all your text. You can add this to shrink it faster:


@media only screen and (max-width: 600px) {
  .welcome-title {
      font-size: 24px;
  }
}


#3

add it to? (location) thanks


#4

Sorry, to a custom CSS plugin. For some reason I thought I gave you custom code before.


#5

have put it in the css plugin, worked perfectly for the iPhone 5 thnks, strangely just not for the samsung galaxy y


#6

Clear the cache please. It should have worked.