Mobile padding

  • Hi Mark.

    Firstly thanks for a brilliant plugin and also previous help.

    On our website (www.powerstock.dorset.sch.uk) the plugin works perfectly. But on a mobile there seems to be an issue that the Right side of the plugin doesn’t have padding and doesnt appear right (hope that makes sense).

    Any help would be amazing.

    Thank you

    Tom

Viewing 1 replies (of 1 total)

  • Hi there! Thanks for trying my plugin. ??

    I had a look at your site and I can see that the problem is rooted in the fact that the responsive-grid.css file is using the following:

    `
    .responsive-grid-active .block, .responsive-grid-active .row, .responsive-grid-active .column {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    }
    `

    Because it’s using !important, the styles that my plugin needs to applied to make the element look good will be ignored. The use of !important is rarely a good idea (as you can see here) because it won’t allow for flexibility.

    Unless you’d tinker with the responsive grid CSS file (which might break other things), I would just suggest to not use the sticky functionality on mobile screens and change the setting for “Do not make element sticky if screen is smaller than” to 601 pixels.

    Hope that clarifies it a bit!

    • This reply was modified 7 years, 8 months ago by Senff - a11n.
Viewing 1 replies (of 1 total)
  • The topic ‘Mobile padding’ is closed to new replies.