0
Welcome Guest! Login
0 items Join Now

[RESOLVED] Afterburner2 remove mainbody padding in mobi

  • [RESOLVED] Afterburner2 remove mainbody padding in mobi

    Posted 11 years 11 months ago
    • I'd like Afterburner2 to display full width in mobile devices, as the padding now takes up way too much of the screen. I tried searching (always do :) ) but all I could find has to do with modules, not the overall layout. A small margin, about 10px, would be ideal.

      I think I might also have to remove padding from modules when displayed in single column.

      The attached image show what I want to accomplish. How would I do it?

      Thanks :)
    • Last Edit: 11 years 11 months ago by That Ted Guy.
    • Ted - "Where some may see obstacles, others see challenges."
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: [RESOLVED] Afterburner2 remove mainbody padding in mobi

    Posted 11 years 11 months ago
    • as a start you could try to add this to your css

      @media only screen and (max-width: 768px) {
      div.rt-block {
      margin-left: 0!important;
      margin-right: 0!important;
      }
      }
  • Re: [RESOLVED] Afterburner2 remove mainbody padding in mobi

    Posted 11 years 11 months ago
    • Thanks Henning, I did this....

      @media only screen and (max-width: 768px) {
      div.rt-block {
      margin-left: 0!important;
      margin-right: 0!important;
      padding-left: 3px!important;
      padding-right: 3px!important;
      }
      }

      and it worked out perfect. :mrgreen:
    • Ted - "Where some may see obstacles, others see challenges."

Time to create page: 0.106 seconds