Support » Themes and Templates » Elements shift downwards when viewed on ipad

  • Resolved jamo_dodger

    (@jamo_dodger)


    Hello,

    I am working on a site:

    http://nothingbutzen.com/

    I have spent an age getting the responsive menu right and it looks great on my computer – at 100% width, at a window size of 50% then to that of an iphone. It also looks great on my iphone too, however when I view it on an Ipad the twitter and google plus buttons shift downwards. This does not happen at ipad width on my computer or on my iphone.

    Why is this happening and how can i fix it?

    Any help would be much appreciated.

    James

Viewing 5 replies - 1 through 5 (of 5 total)
  • What theme are you using? Where did you download it from?

    Thread Starter jamo_dodger

    (@jamo_dodger)

    I am using twenty twelve – child theme esmi.

    Thread Starter jamo_dodger

    (@jamo_dodger)

    Came with my WordPress installation

    Thread Starter jamo_dodger

    (@jamo_dodger)

    Is there possibly a media query for just the ipad – so for example when it is being viewed on an ipad add a margin-top: -10px; or something?

    Thread Starter jamo_dodger

    (@jamo_dodger)

    It was a problem with the script used to display the linked in button – I have now removed this and it works fine. I used a single text widget to display all the menu items on the right so going to try some plugins or maybe put the linked in script in a separate div or text widget.

    Also if you are reading this and looking to display elements in a line, I have used <span> they are so much easier

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Elements shift downwards when viewed on ipad’ is closed to new replies.