bakery pro not resizing on IPad

Home Forums All Other Themes bakery pro not resizing on IPad

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #114294
    Eva
    Member
    • Topics: 30
    • Replies: 51
    • Total: 81
    Member since: January 16, 2016

    Hi,
    I just noticed that my website isn’t resizing properly on Ipads,
    would you mind to have a look and advise? https://thehealthytart(dot)com

    Thanks in advance.

    #114300
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23490
    • Total: 23490
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

    Regards,
    Chris

    #114308
    Eva
    Member
    • Topics: 30
    • Replies: 51
    • Total: 81
    Member since: January 16, 2016

    Hi,

    please find the screenshot below, I am not even able to scroll to the right to make the full width show. It is also cutting a bit off on the left.

    View post on imgur.com

    #114333
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23490
    • Total: 23490
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    @media screen and (min-width:1024px) and (max-width:1150px) {
    .content-area { width:auto; margin:0 20px; padding:50px 0;}
    .site-main { width:66%;}
    #sidebar { width:28%;}
    .site-main #happycustomers-box { width:28%; margin-right:0;}
    .copyright-wrapper { padding:25px 20px;}
    .header .header-inner { padding:0 20px !important; box-sizing:border-box !important;}
    }

    Regards,
    Chris

    #114346
    Eva
    Member
    • Topics: 30
    • Replies: 51
    • Total: 81
    Member since: January 16, 2016

    Thank you, this fixed the side but now the navigation bar on top is overlaying the heading, how can I fix this, please?

    View post on imgur.com

    #114411
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23490
    • Total: 23490
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS

    @media screen and (min-width:1024px) and (max-width:1150px) {
    .single .header.innerheader { position: relative;}
    }

    Regards,
    Chris

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