Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 7, 2014 at 10:05 pm #288210
    ev0l_

    When I surf to my webpage on my Android phone (Galaxy Note 2) I get a massive margin around my accordion content.

    The phones resolution is 720 px wide and I have around 270 padding around the accordion (135 on each side) and then the text is 30px padding inside the accordion.

    The area between the line and the text is fine. But is their any way to get rid of this massive 270 px wihte space around it? Maybe not all of it but at least some of it.

    Its get har to read on the mobile when only around 50-60% of the screen size is used.

    July 7, 2014 at 10:16 pm #288214
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    July 7, 2014 at 10:27 pm #288221
    ev0l_
    This reply has been marked as private.
    July 7, 2014 at 11:30 pm #288236
    Josue

    Hey!

    Try adding this code to the Quick CSS:

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

    Cheers! 
    Josue

    July 20, 2014 at 7:34 pm #293639
    ev0l_
    This reply has been marked as private.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Margin/padding on mobile accordion’ is closed to new replies.