Page moves sideways with search bar use

This topic contains 6 replies, has 3 voices, and was last updated by  Kor 3 months, 4 weeks ago.

  • Author
    Posts
  • #496460

    Barbara Magee
    Full Member
    Post count: 96

    Hello!
    Since we launched the site a week ago we’ve noticed on mobile home page and inner pages when the search bar on mobile is engaged for any reason (using the datepicker, entering info in search field or choosing a city) the entire page shifts to the right, and then to the left.

    Have you heard of that problem before? We’re eager to solve it to enhance UX at this critical early stage. See attached screenshot.

    Many thanks!

    #496467

    Alex Rollin
    Moderator
    Post count: 23184

    If you have any CSS for :focus or :active elements like margins those can move elements or the page. Check your custom CSS for those.

    #496880

    Barbara Magee
    Full Member
    Post count: 96

    Below is the response I received from my web designer. I am viewing the site on a new iPhone Xs.

    “A shift will also happen when elements are too wide for the screen. From your screenshot, the elements are not able to shrink any smaller & are still wider than your device. I’m not noticing any shift on mine.”

    Does this make sense from your perspective relative to the calendar drop down from the search bar on mobile?

    #496906

    Kor
    Moderator
    Post count: 14705

    Hi Barbara Magee,

    Thanks for your post. Our theme is fully responsive and this is what I’m getting on my mobile iPhone.

    Thanks!

    Attachments:
    #497015

    Barbara Magee
    Full Member
    Post count: 96

    Hi Kor,
    The issue doesn’t occur at page load, it occurs when:
    1) you click the CPT selector arrow and the box pops up from the bottom to select events and the search bar shifts to the right.
    2) you click in the From: Event Dates field and the search bar shifts left
    3) click in the To: Event Dates field and the search bar shifts right
    4) click in the near field and search bar shifts left
    Any variation of those happens. Then you also have the problem of the keyboard popping up and covering the calendar.

    #502999

    Barbara Magee
    Full Member
    Post count: 96

    Through a GD expert we learned this sideways shifting is unique to iPhone. No solution yet but will let you know.

    #503256

    Kor
    Moderator
    Post count: 14705

    Hi Barbara Magee,

    Thanks for your reply. There isn’t an issue with the alignment. I’ve tested it on my mobile iPhone and the page just zooms in when you tap on the date picker. Try pinching the screen to zoom out on mobile and you’ll get what I mean.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Page moves sideways with search bar use’ is closed to new replies, this may be for inactivity, please open a new topic if you have a similar question.