Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 8, 2019 at 1:51 pm #1051384
    transformmedia

    I adjusted the padding of a color section so that the bottom of the picture of the speaker on my website flushes with the end of the section:

    my-transformance.de

    I created 2 different sections for mobile versions, but there it doesn’t flushes with the end of the section even though I used the same code:

    .home #av_section_1 .content {
    padding-bottom: 0;
    }

    .home #av_section_2 .content {
    padding-bottom: 0;
    }

    .home #av_section_3 .content {
    padding-bottom: 0;

    Here in this screenshot of the mobile version of my page you can see that the picture doesn’t flushes with the end of the section:
    https://ibb.co/t3JgSsd

    Can you help me out here? :)

    January 9, 2019 at 12:59 pm #1051809
    Vinay

    Hey transformmedia,

    Thank you for writing to us.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - */

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #av_section_2 .flex_column {
     margin-bottom: 0 !important;
}
}

    Best regards,
    Vinay

    January 9, 2019 at 3:21 pm #1051844
    transformmedia

    Thank you very much! Thread can be closed!

    January 9, 2019 at 3:47 pm #1051861
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Adjusted padding of section doesn't work on mobile version’ is closed to new replies.