Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 13, 2015 at 5:08 am #535209
    janicenisha

    Hi there,

    I have quite a lot of text on my page, I would like to reduce the white space on the left and right on mobile view throughout the site so there are less lines to scroll through on mobile. Don’t think my css below is right, could you tell me how to do this?

    @media only screen and (max-width: 480px) {
    margin: 0px !important;
    }

    Thanks for the help.

    November 13, 2015 at 6:17 pm #535628
    Andy

    Hi janicenisha!

    use this code in Quick CSS field:

    @media only screen and (max-width: 767px) {
.tabcontainer {
width: 119%;
left: -29px;
}}

    and adjust as needed.

    Regards,
    Andy

    November 14, 2015 at 2:06 am #535786
    janicenisha

    Hey Andy

    Thanks for this. It works great. If I wanted to reduce the left and right whitespace all throughout the site on mobile, how do I do this?

    November 17, 2015 at 5:20 am #537081
    Rikard

    Hi,

    Not sure I understand what you are looking to do there, could you post screenshots of the margins/whitespace you would like to remove please?

    Best regards,
    Rikard

    November 17, 2015 at 5:26 am #537083
    janicenisha

    Hi Rikard,

    I was trying to get the overall content to take up a bigger space left and right on mobile. But no worries, this somehow worked. Default was 85%, I changed it to 90%.

    .responsive #top #wrap_all .container {
    width: 90%;
    max-width: 90%;}

    Thanks

    November 18, 2015 at 5:56 am #537812
    Rikard

    Hi,

    Great, glad you found a fix. Please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.