Problems viewing on iPad, iPhone Safari

Discussion in 'BlackBird WordPress Theme' started by crew2829, Jan 30, 2013.

  1. crew2829

    crew2829 New Member

    Joined:
    Jan 25, 2013
    Messages:
    16
    Likes Received:
    0
    After upgrading to Pro, my webpage when viewed on the above devices is not responsive. The logo, address, phone #, and menu are all aligned right instead of being centered. The home page heading is also aligned right. Please advise. Thanks
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    We have visited your website the problem is occurring due to any one of the plugin you are using, Deactivate all plugins one by one and checkout which plugin creating this problem.
    This will solve your issue, If not then

    Please provide the following information listed below.

    Thread Link:
    Your Website URL:
    WordPress Username:
    WordPress Password:

    Send this information on our email at [email protected]
     
  3. crew2829

    crew2829 New Member

    Joined:
    Jan 25, 2013
    Messages:
    16
    Likes Received:
    0
    Deactivating the plugins, did not work. What seems to have caused the problem is upgrading to Blackbird Pro as with Lite everything looked great on my iPad and iPhone. I have emailed support the information you requested. Thanks
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Support mail sent. Check your website.
     
  5. crew2829

    crew2829 New Member

    Joined:
    Jan 25, 2013
    Messages:
    16
    Likes Received:
    0
    Thanks all of your help. However, I have found several more problems when viewing on my iPad/iPhone in Safari.

    1.) On my foam page (what's a foam party?) is it possible to center the picture? The original picture is right aligned when viewed on a computer. If possible, I would like to center this image when viewed on iPad/iPhone but I would like to keep the picture right aligned when viewed on a computer.

    2.) On my packages page...I have 3 divisions floated next to each other but when viewed on iPad/iPhone only the first division "The Typhoon" is shown. I need to be able to view all 3 packages on the iPad/iPhone.

    3.) On my bubbles page the picture should be floated to the right of the text. I like the way it looks on the computer but is it possible to center the picture when viewed on the iPad/iPhone while keeping the photo right aligned on the computer?

    4.) I have the same problem on my sno cones and fog pages. (see #3)

    5.) On my about swt page...is it possible to have the paragraph text above the pic when viewed on the iPad/iPhone? When viewed on a computer the picture is floated to the right of the text, which is exactly what I wanted.

    6.) On my fun page...is it possible to center the images when viewed on the iPad/iPhone?

    7.) When loading the the home page for the first time on the iPad/iPhone my 2 and 3 feature items display a yellow square until the pictures is loaded. How can I change this? Perhaps to a white square since I have a white background and this would prevent anyone from seeing it.

    8.) After navigating the website, the drop down menu (on the iPad/iPhone) doesn't always work. It seems the only way I can get it to work is by refreshing the page.

    9.) When viewing the pages navigation menu, the menu items are not centered in the drop down.

    All of these problems are only when viewed on the iPad/iPhone, if they can be addressed without disturbing the way the page looks on a computer I would be very grateful. Thanks!
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    We checked your website it shows that you have done lots of customization in the theme, therefore it is not possible for us to edit your customization, If you want to make these changes you have to put your css code between these codes, They are used for iPad and iPhone views

    @media only screen and (max-width: 767px) {

    }

    @media only screen and (max-width: 480px) {

    }
     
  7. crew2829

    crew2829 New Member

    Joined:
    Jan 25, 2013
    Messages:
    16
    Likes Received:
    0
    Thanks but I have decided to disable the mobile view. I have no idea what type of device a prospective client may use to view my site.
     

Share This Page