Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 26, 2018 at 11:46 am #977879
    Archie

    Hi there!

    Can you please show me how to add custom top and bottom padding to my 1/2 column on mobile view?

    This is the page:

    About

    I would like to reduce the space between the photo and the text below it on mobile view.

    Current column settings are:
    Equal Height
    Middle Vertical Alignment
    No space between columns

    June 26, 2018 at 6:04 pm #978053
    Victoria

    Hey Archie,

    Best regards,
    Victoria

    June 27, 2018 at 2:07 pm #978424
    Archie

    Hi Victoria!

    Thank you for your response!

    I would like to reduce the bottom padding of the image, and reduce the top padding of the text. Image and text are inside a 1/2 column section each.

    http://prntscr.com/jzxqvl

    At the moment I feel that there is too much whitespace in between the photo and the text below it.

    Thanks!

    June 29, 2018 at 4:56 am #979184
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    
@media only screen and (max-width: 767px) { 
.responsive #top.page-id-18 #wrap_all .flex_column.avia-builder-el-1 {
margin-bottom: 0px !important; 
}
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    June 29, 2018 at 7:32 am #979199
    Archie

    Hey Mike!

    Thank you so much for your response! Unfortunately, after clearing my mobile browser cache and cookies, I still do not see any changes. Please advise.

    https://prnt.sc/k0o1ob

    Thank you!

    June 29, 2018 at 11:28 am #979275
    Mike

    Hi,
    I added this css, Please clear your browser cache and check.

    @media only screen and (max-width: 767px) { 
.responsive #top.page-id-18 #wrap_all .flex_column.avia-builder-el-3 {
margin-bottom: 0px !important; 
margin-top: -40px !important;
}
}

    Best regards,
    Mike

    July 9, 2018 at 5:57 pm #983283
    Archie

    Hey Mike!

    Thank you so much for your response. This is perfect! Thank you! :)

    July 9, 2018 at 7:13 pm #983335
    Jordan Shannon

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let u know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Custom top and bottom padding on mobile for 1/2 column’ is closed to new replies.