Header not displaying all content on iPhone

Support Forums for LiveMesh Themes & Plugins Forums Extinct Theme Support Header not displaying all content on iPhone

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1586

    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!

    #1591
    Livemeshlivemesh
    Keymaster

    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.

    #1595

    Great thanks. That worked fine.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.