Raindrops. Viewport size issue

  • Google suggests the following error.

    The page content is too wide for the viewport, forcing the user to scroll horizontally. Size the page content to the viewport to provide a better user experience.

    The page content is 439 CSS pixels wide, but the viewport is only 411 CSS pixels wide. The following elements fall outside the viewport:The element Skip to RAINDR…ENTRY_WIDGET-2 falls outside the viewport.

    Help is appreciated ??

Viewing 3 replies - 16 through 18 (of 18 total)
  • Thread Starter atvtours

    (@atvtours)

    I am having difficultly understanding you. Google translate isn’t doing a good job for you.

    I think what you are saying is this – The google test page is creating the errors. Correct?

    If this is the case, why does it have this extra grey vertical bar and why does It slide only to the left like shown in this photo?

    https://www.atv-tours.net/images/mobile.jpg

    Thread Starter atvtours

    (@atvtours)

    Also just to note.

    Your responsive Css is causing a problem

    It locks up the browser on my iPhone.

    Now tested on two other iphones. Browser locks up and the phone must be rebooted.

    Tried on your site too. Does the same thing after you load a few pages, it locks up.

    iPhone used – 5s

    Theme Author nobita

    (@nobita)

    Sorry I’m have not iPhone used – 5s

    I can not see the results of the actual equipment

    https://github.com/tenman/raindrops/blob/master/responsiveness.css#L55-L59

    If possible, Try change from

    overflow: visible;

    to

    overflow: hidden;

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘Raindrops. Viewport size issue’ is closed to new replies.