Okay
  Public Ticket #1154318
mobile responsivenes
Open

Comments

  • jan started the conversation

    Hi, a have a problem with my mobileversion. The post is very narrow. When the post is loading it has the right width, but after loading it gets narrow.

    When you scroll down it gets even more narrow.

    I have tried to deactivate the Mailmunch forms, but it didn't change anything.

  •  162
    Marko replied

    Hello,

    can you tell me which mobile device are you using and maybe share a screenshot?


    Also, it would be helpful if you could share your WP login credentials so I can make adjustments right away if necessary. You can share theme here, just mark your reply as private.

    Best

  •   jan replied privately
  •  162
    Marko replied

    Hello Jan,

    it looks like that this widget (it's code) was causing the problem: http://prntscr.com/f33ypj
    It has set width to 450px (which is more then iPhone screen width - 320px) and that was causing the problem (although I couldn't replicate this issue using other mobile devices).

    I've added this CSS snippet :http://prntscr.com/f33yvy
    And it looks like problem is solved.

    Best

  • jan replied

    Hi Marko

    Thank you very much - it helped.

    When I scroll down though it is still getting narrow when I reach the sidebar. But I guess that is the way it has to be in this design?

    Is it possible to change the text to be left aligned on mobile, instead having straight margins? Know what I mean?

  •  162
    Marko replied

    Hello Jan,

    yes, the sidebar is left aligned on mobile (on little wider screens widgets are displayed in 2 columns).

    I'm not sure about your other question (regarding text alignment), can you share a screenshot maybe?

    Best

  • jan replied

    Hi Marko

    sorry for my late answer. What I would love is to have the text on mobile aligned to the left instead of straight margins.

    look at the screendump, which is from a word document. I prefer the left alignment (green arrow) and not the red arrow.

    hope you understand me now :-)

    Attached files:  align.JPG

  •  162
    Marko replied

    Hello Jan,

    try adding following to the "Custom CSS" field (Theme Settings -> Style):

    @media (max-width: 700px) {
        .entry-content p {
            text-align: left !important;
        }
    }
    

    Best

  • jan replied

    It's perfect!

    thank you

  •  162
    Marko replied

    You're welcome