1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.5 Google WMT complains about XenforoMobile Usability

Discussion in 'XenForo Questions and Support' started by Mr Lucky, Dec 28, 2015.

  1. Mr Lucky

    Mr Lucky Well-Known Member

    In Google WMT, I have many pages flagged as > Content not sized to viewport. However I can't work out why this is as everything seems fine on my phone, no horizontal scrolling.

    Can anyone help please?
  2. Chris D

    Chris D XenForo Developer Staff Member

    Which pages?
  3. Mr Lucky

    Mr Lucky Well-Known Member

  4. RDR

    RDR Well-Known Member

    It's your 3 'pete-footer' divs from what I can tell that are probably your issue... they cause a scroll-bar for me on my desktop when resizing the browser window down.
  5. Mr Lucky

    Mr Lucky Well-Known Member

    No, I think you'll find that is the Google responsive ad not the divs which should collapse nicely. Google ads don't resize dynamically so if you reduce the browser width you get scroll bars until you refresh. So this is a bit of a red herring, try refreshing after reducing width, you should see the scroll bras go (they do for me anyway)

    From what I can tell it's only the pages that have images resized down by the default xenforo resizing.

    If it was the footer, I would get the WMT issue on all pages, not just the ones with images.
    Last edited: Dec 28, 2015
  6. RDR

    RDR Well-Known Member


  7. Mr Lucky

    Mr Lucky Well-Known Member

    What width is that? Looks like far smaller than any mobile.
  8. Daniel Hood

    Daniel Hood Well-Known Member

    I can't get it to do that on my Mac with Chrome at any size.
  9. Mr Lucky

    Mr Lucky Well-Known Member

    I test on Firefox Tools Web Developer Responsive view, and it when reducing the width it finally shows horizontal scrollbars at less than 330px. I don't think there's any mobile browsers that small these days.
  10. RDR

    RDR Well-Known Member

    .pete-footer class has a width of 370px set

    Change that and you should be good.
  11. Mr Lucky

    Mr Lucky Well-Known Member

    Yes, but at max-device-width 400px, it is 310

    and max-device-width 340px it is 300.
  12. RDR

    RDR Well-Known Member

    I'm just telling you where the issue lies.

    If you want to 'fix' the WMT issue, you can by adjusting the class property. I can tell you that no matter my viewport size, that class has a 370px width set.
  13. Mr Lucky

    Mr Lucky Well-Known Member

    OK I can see why it is 370px above max-device-width:400px, but I must be doing something wrong with the responsive settings.

    Shouldn't the width reduce when the CSS is set like this:

    {border-radius:7px;background-color:@primaryMedium;color:#ffffff;width:370px;min-height:150px;padding:10px;float:left;margin:0px 5px 10px 5px}
    @media only screen and (max-device-width:400px)
    @media only screen and (max-device-width:340px)
    margin:0px 0px 2px 0px}

Share This Page