bakery pro not resizing on IPad

[Eva]

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.

[Sonl Sinha]

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

[Eva]

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.

https://imgur.com/a/CDij8wj

[Sonl Sinha]

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

[Eva]

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

https://imgur.com/a/3jjrE3b

[Sonl Sinha]

Hi,

Kindly use this CSS

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

Regards,
Chris

[Author]

Posts