Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 27, 2015 at 3:30 pm #450603
    friendlier

    Hi!

    I’ve created a front page with two colour sections that fit snugly on desktop, but drift on mobile. The central image also gets overlapped as the site degrades – please help!

    Thanks

    Simon

    May 27, 2015 at 6:39 pm #450758
    Elliott

    Hi Simon!

    Are you wanting the text and the image of the lady to stay in two rows as the screen gets smaller? That might look kind of scrunched up on small phone screens. You could try using the grid row element and set the image of the lady as a background of the cell and then set the background position to the bottom so it stays aligned to the next color section. On small screens though it’s probably going to look scrunched up.

    Best regards,
    Elliott

    May 31, 2015 at 11:12 am #452229
    friendlier
    This reply has been marked as private.
    June 1, 2015 at 7:47 am #452360
    Rikard

    Hey!

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.page-id-497 .el_after_av_three_fifth {
margin-top: 80px !important;
}
}

    Cheers!
    Rikard

    June 1, 2015 at 8:26 pm #452737
    friendlier

    Hey Rikard,

    thanks – the signature is now showing; finally – how do I close that annoying white gap between the blue section and the bottom of my client’s skirt? ;-)

    best

    Simon

    June 1, 2015 at 8:57 pm #452756
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
.home .avia-builder-el-5 {
  margin-bottom: 0!important;
}}

    Best regards,
    Yigit

    June 2, 2015 at 2:50 am #452886
    friendlier

    Perfect. Thanks!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Mobile: Colour sections drifting apart/images hiding’ is closed to new replies.