Archived topic

Page header

6 replies · Started by Karl Johnston on February 5, 2015

Viewing posts 1–7 of 7

February 5, 2015 at 12:26 pm #72653

Hi Tom,

I've got a slight problem with the page header, when I put text in the content box.

On desktop browser it displays fine, on a iphone the content overlaps the main content and footer.

Any help is much appreciated.

Karl

February 5, 2015 at 12:46 pm #72660

forgot to add the url

http://www.thaicornercrewe.co.uk

Thanks

February 5, 2015 at 4:03 pm #72679

Ah yea, the text is too big for mobile.

Try this CSS:

@media screen and (max-width: 768px) {
      .inside-content-header h1 {
            font-size: 25px;
      }
}

February 6, 2015 at 11:46 pm #73144

Brilliant that worked a treat.

Thanks

Karl

February 7, 2015 at 10:40 am #73254

You're welcome! :)

October 14, 2015 at 12:22 pm #144379

When I add content to my page header my image does not appear. I have the use image from image tab checked.

October 14, 2015 at 1:13 pm #144387

Hi Jenifer. The page header Image and Content options are separate; if you enter Content it overrides the specified Image. You can use the image as a background for the content by selecting the "Use iamge..." option on the Content tab. If that's not working can you post a link to your site so we can take a look?

Or you can add an image tag directly to the content, something like this for an image in the Media Library:

<img src="http://your-domain/wp-content/uploads/2015/09/image.jpg">

And then style/position it using CSS.

This archived topic is closed to new replies.

Start building better websites today.