Header not displaying all content on iPhone

[christianinternetd]

Hi,
I have a block quote in the custom heading content on my site. It looks good on my desktop, but when I re-size my browser to 440px wide the block quote starts getting cut off at the bottom. I tried it on my iPhone as well – same problem.

Here is a link to the page with the quote: http://ci.christianinternethosting.com/our-team/

I know I just have to make some CSS changes, but I don’t know what CSS changes.

Can you please help me?

Thanks!

[livemesh]

Hi,

You can insert the following code in custom css tab of theme options panel, which will work fine for all resolutions. Only change this will do is increasing the width of the blockquote area.

#team-info-header blockquote {
left: 10%;
width: 80%;
}

But if you want to do the change for mobile resolution only then, you can insert the following code in the custom css tab.

@media only screen and (max-width: 767px) {
#team-info-header blockquote {left: 10%; width: 80%; top: 40px;}
}

Hope that helps. Thanks.

[christianinternetd]

Great thanks. That worked fine.

[Author]

Posts