Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 3, 2014 at 10:27 am #218695
    Munford

    Hi
    I am trying to use this code:

    @media only screen and (max-width: 767px) {.content { padding-bottom: 10;!important; }
    .content { padding-top: 10px;!important; }}

    to shrink the padding on mobile devices, but I’m not sure it’s working.
    any suggestions? thanks

    February 3, 2014 at 4:00 pm #218833
    Yigit

    Hey Munford!

    There is a small mistakes in the code, please use it as following instead

    @media only screen and (max-width: 767px) {
.content { padding-bottom: 10px !important; }
.content { padding-top: 10px !important; }}

    Then flush browser cache on your mobile device

    Best regards,
    Yigit

    February 5, 2014 at 5:30 pm #220004
    Munford

    thanks! will try that.

    February 6, 2014 at 4:48 am #220283
    Yigit

    Hi!

    Please try and let us know so we can mark this thread as resolved

    Cheers!
    Yigit

    February 6, 2014 at 12:52 pm #220431
    Munford

    that worked – also wondered if the overall width on the mobile could be increased / margins decreased?
    I am having a problem with the justification of the text “two heads are better than one” on this page:
    http://www.copenhagenfilmcompany.dk/2014/
    where the textblock doesn’t justify correctly on the mobile – when I test it on http://mattkersley.com/responsive/,
    it looks right, but on my iphone the lines break like this:

    two heads
    are
    better than
    one.

    instead of:
    two heads are
    better than one

    any fixes?
    thanks

    February 6, 2014 at 5:40 pm #220548
    Yigit

    Hi!

    You can add following code to Quick CSS to increase the container size on mobile

    @media only screen and (max-width: 480px) {
.responsive .container {
width: 330px; }}

    Best regards,
    Yigit

    February 6, 2014 at 9:45 pm #220684
    Munford

    cool thanks! that did it at 280px.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘padding responsive’ is closed to new replies.