Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 26, 2016 at 3:22 pm #678168
    advteksol

    I have set up a page with elements diving it into 3/5 with title and text & 2/5 with an image. I’ve made the background a light green with no spacing between, so that it shows up as a green box (need boxes, not colored extended across whole screen). Looks fine on a desktop screen, but the mobile & tablet screens the text overlaps and the green boxes do not touch or cover all the text. I have images showing both the desktop and mobile below.

    Desktop:

    View post on imgur.com

    Mobile:

    View post on imgur.com

    Please help me make it so it looks right on the mobile.

    Thanks.

    August 30, 2016 at 4:27 pm #679552
    advteksol

    Anyone have any idea why this is happening in mobile view?

    August 30, 2016 at 5:52 pm #679611
    advteksol

    OK, managed to get the text boxes and picture to show correctly on mobile. Had to delete the original text box and insert a new one – not sure why, as settings and everything were the same. But I still have a white gap between the picture and the wording on mobile (the 2/5 box and the 3/5 box), that I need to remove or at least make green like the boxes.

    View post on imgur.com

    Can someone please help?

    August 31, 2016 at 3:57 pm #680057
    Andy

    Hi,

    use this code inside Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin-bottom: 0px;
}}

    Best regards,
    Andy

    August 31, 2016 at 4:15 pm #680082
    advteksol

    Yes, had to set margin-bottom to -20px to close gap, but works great!

    Thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Colored Background with Text Not Showing Correctly in Mobile’ is closed to new replies.