Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 18, 2017 at 3:19 pm #779357
    fairusd

    Hi,

    I would like to align the three image buttons(Follow Us on Instagram, Find out more and Sign Up Today) into one single column. Currently it’s in align as one row – stacking on top of each other.

    Any help would be much appreciated :)

    April 18, 2017 at 4:14 pm #779439
    Andy

    Hey fairusd,

    use this code inside Quick CSS field:

    @media only screen and (max-width: 767px) {
.flex_column.av_one_third.flex_column_div.av-zero-column-padding {
width: 33% !important;
}}

    Best regards,
    Andy

    April 19, 2017 at 1:25 am #779730
    fairusd

    Hi Andy,

    Thank you for great help! Yes it looks great now!

    One more question, the buttons now looked rather cramp side by side.

    Would it be possible to have some padding in between the buttons?

    Thank you and appreciate the help!

    April 19, 2017 at 7:07 am #779808
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 767px) {
.flex_column.av_one_third.flex_column_div.av-zero-column-padding {
  width: 30% !important;
  padding: 0 10px 0 0 !important;
}
}

    You might have to play around with the values a bit to get it looking right.

    Best regards,
    Rikard

    April 19, 2017 at 8:52 am #779844
    fairusd

    Thanks Rikard.

    Worked like a charm!!

    April 20, 2017 at 4:28 am #780260
    Rikard

    Hi,

    Great, glad we could help. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Aligning images into one column (Mobile mode)’ is closed to new replies.