Lucy
asked 7 years ago

I have a header-bg image and on desktops and laptops shows up semi-correct, But on iPhone and iPad, the image is too big. How do I fix that?
Also my btn on home page is red, but if I open the site with an iPad it turns blue. Where do I find code for mobile?
Lucy

2 Answers
DominicStaff
answered 7 years ago

To resolve issue on the ipad & mobile, you can add the following code to the Editor CSS:

@media (max-width:480px) {
   body {
          background-size: 100% 480px !important;
}
}
@media (max-width: 1024px) {
      body {
          background-size: 100% 740px !important;
}
}

– Also, I have checked your site on the Ipad and see that the btn on home page still be red color. However, if you still face the issue, you can add the following code to the Editor CSS:

@media(min-width:768px) and (max-width:979px) {
.btn-primary, .vimeoyoutubepopup_video {
    background: linear-gradient(to bottom, #EE3939 0%, #8D0007 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-color: #FD0A10 rgba(0, 0, 0, 0) #8D0007 !important;
    border-right: medium none rgba(0, 0, 0, 0) !important;
}
}

Hope this help !

Lucy
replied 7 years ago

I did all this and the btn on the iPad still shows up in blue.
The code you provide for the image size works on the iPad,
however on the iPhone it is distorted. Can you tell me what size should I have so the original image size 1400×700 doesn't show up distorted on the iPhone. Thank you so much!

DominicStaff
answered 7 years ago

 Regarding the btn on the iPad, could you kindly provide us a screenshot for further checking?  Are you customizing the code inside your site? Let’s us know once done, we will check your site again.
I think you can use the image size 1400 x 700 px.

Lucy
replied 7 years ago

1400 x 700px is the size I am using for the image, and I pasted the code you provide which fixed the iPad image problem but the iPhone is showing the image distorted. How can I fix that? Here is the link for the image.
http://headoverheelsmovie.com/wp-content/uploads/2014/06/IPAD.png

Dominic Staff
replied 7 years ago

Hi, Right now, you can check your site, I have helped you resolve this issue 🙂

Lucy
replied 7 years ago

The BTN on iPad is still blue

Dominic Staff
replied 7 years ago

You can send me a screenshot for further checking.

Dominic Staff
replied 7 years ago

I have helped you resolve this issue.

Powered by DW Question & Answer Pro