Mobile Spacing Shoved to the right

  • On mobile, my Draco theme has all content on pages shoved to the right, with a BIG, awkward gap/margin on the LEFT side. When I’m in edit mode, looking at the mobile view, my page content has content shoved to the left with a right hand margin, but not in real life!!! Actually, having content to the left was just a compromise anyway: what I really want is mobile content CENTERED and FULL PHONE WIDTH, with very little margin on either side! But I can’t find any way to change settings in Draco to make that happen.
    If I could at least get my pages to properly align to the left, that would be acceptable.
    Thanks

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello kariejacobson,

    You can hide it with css. Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.

    @media(max-width: 480px) {
  .draco-page .entry-content {
    width: 100%;
    margin: 0 auto;
  }

  .draco-page .entry-content .container-fluid .row {
    margin: 0 auto;
  }

  .draco-page .entry-content .container-fluid .row img.alignleft {
    float: none;
    margin-right: 0;
    width: 100%;
  }
}

    Hope this will helps you.

    Thanks.

    Thread Starter kariejacobson

    (@kariejacobson)

    Hello,
    Yes this is helpful. Thank you very much. However, I think Draco should be redesigned to resize correctly on mobile, without additional CSS. Draco is being advertised as a fully responsive theme.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile Spacing Shoved to the right’ is closed to new replies.