Mobile view left-aligned

Home Forums Automattic Simfo Mobile view left-aligned

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #163383 Resolve

    RuPaL

    Hello! The mobile view of my blog http://www.foodienfabulous.com appears left-aligned instead of being centre or justified like the desktop/ tab version. Please help.

    The blog I need help with is foodienfabulous.com
    #163389

    Kathryn P.
    Happiness Engineer

    Looks like some of the custom CSS I gave you earlier to tweak your content widths is causing this effect, so we’ll need to make some adjustments to make sure it only affects wider displays.

    First, remove this:

    .content-area {
      width: 70%;
    }

    Then, try adding it back wrapped in a media query, so it only affects larger screens:

    @media ( min-width: 741px ) { 
      .content-area {
         width: 70%;
      }
    }

    Finally, add this new piece of CSS to the very bottom of your custom CS, to make sure the content area always displays at full width on the homepage. Be sure this bit always stays after the above piece of CSS.

    .home .content-area {
      width: 100%; 
    }

    This should work better – let me know how it goes.

    #163392

    RuPaL

    Its just perfect! Thank you so much Kathryn, you’ve been an incredible support.

    #163393

    Kathryn P.
    Happiness Engineer

    Excellent! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.