Responsive Sizing Perfect Business

Home Forums All Other Themes Responsive Sizing Perfect Business

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #67159
    JonathanJonathan
    Member
    • Topics: 5
    • Replies: 5
    • Total: 10
    Member since: January 9, 2017

    On smaller devices such as iPad, the page is sized slightly out of screen size. If you pinch screen to zoom out it snaps perfectly into correct size. Only Perfect Business does this, the regular perfect theme works fine. This behavior is present on both chrome and safari.

    #67175
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31029
    • Total: 31029
    Member since: August 16, 2013

    Hi Jonathan,

    Kindly go to header.php and find this code:

    <meta name="viewport" content="width=device-width, initial-scale=1.1"/>

    replace the above code with this code:

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    Regards,
    Brad

    #67371
    JonathanJonathan
    Member
    • Topics: 5
    • Replies: 5
    • Total: 10
    Member since: January 9, 2017

    Thank you. That worked perfectly. While I am at it, I have another quick question. I am trying to remove some extra white-space below the logo where the tag line would normally go. I added the following:

    .headmain{padding:10px;}
    .desc{display:none!Important;}

    And it helped some, but there is still some space on bottom of logo. If you could point me to right spot I would greatly appreciate it. The site is:

    https://www.christian-host.com/

    #67386
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31029
    • Total: 31029
    Member since: August 16, 2013

    Hi Jonathan,

    Kindly add this code in Custom CSS Box:

    .logo img{margin-bottom:0 !important;}
    .has_trans_header .headcenter{min-height:auto !important;}
    .headmain{padding:10px 10px 5px 10px !important;}

    Regards,
    Brad

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